數組的所有方法 1、concat()把元素銜接到數組中。 例子: var str1 = "Hello "; var str2 = "world!"; var n = str1.concat(str2); Hello world! 輸出結果 2 every() 方法使用指定函數檢測數組中的所有元素: ...
數組的所有方法 1、concat()把元素銜接到數組中。 例子:
var str1 = "Hello "; var str2 = "world!"; var n = str1.concat(str2); Hello world! 輸出結果
2 every() 方法使用指定函數檢測數組中的所有元素:
- 如果數組中檢測到有一個元素不滿足,則整個表達式返回 false ,且剩餘的元素不會再進行檢測。
- 如果所有元素都滿足條件,則返回 true。
註意: every() 不會對空數組進行檢測。
註意: every() 不會改變原始數組。
例子:
var ages = [32, 33, 16, 40]; function checkAdult(age) { return age >= 18; } function myFunction() { document.getElementById("demo").innerHTML = ages.every(checkAdult); } false 輸出結果
3、filter()返回滿足斷言函數的數組元素。
var ages = [32, 33, 16, 40]; function checkAdult(age) { return age >= 18; } function myFunction() { document.getElementById("demo").innerHTML = ages.filter(checkAdult); } 32,33,40 輸出結果
4、forEach()為數組的每一個元素調用指定函數。
<button onclick="numbers.forEach(myFunction)">點我</button> <p id="demo"></p> <script> demoP = document.getElementById("demo"); var numbers = [4, 9, 16, 25]; function myFunction(item, index) { demoP.innerHTML = demoP.innerHTML + "index[" + index + "]: " + item + "<br>"; } </script> 輸出結果 index[0]: 4 index[1]: 9 index[2]: 16 index[3]: 25
5、indexOf()在數組中查找指定元素。
var fruits = ["Banana", "Orange", "Apple", "Mango"]; var a = fruits.indexOf("Apple"); 結果 2
6、join()將數組的所有元素轉化為字元串。
var fruits = ["Banana", "Orange", "Apple", "Mango"]; var energy = fruits.join(); 結果 Banana,Orange,Apple,Mango
7、lastIndexOf()在數組中反向查找。
var fruits = ["Banana", "Orange", "Apple", "Mango"]; var a = fruits.lastIndexOf("Apple"); 結果 2
8、map()從數組的元素中,計算出新的數組。
var numbers = [4, 9, 16, 25]; function myFunction() { x = document.getElementById("demo") x.innerHTML = numbers.map(Math.sqrt); } 結果 2,3,4,5
9、pop()移除數組最後一個元素。
var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.pop(); 返回 Banana,Orange,Apple
10、push()把元素添加到數組尾部。
var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.push("Kiwi") 結果輸出 Banana,Orange,Apple,Mango,Kiwi
11、reduce()從數組的元素中,計算出一個值。
var numbers = [65, 44, 12, 4]; function getSum(total, num) { return total + num; } function myFunction(item) { document.getElementById("demo").innerHTML = numbers.reduce(getSum); } 輸出結果 125
12、reduceRight()從右往左縮減數組。
var numbers = [65, 44, 12, 4]; function getSum(total, num) { return total + num; } function myFunction(item) { document.getElementById("demo").innerHTML = numbers.reduceRight(getSum); } 輸出結果 125
13、reverse()在原數組中顛倒元素的順序。
var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.reverse(); 輸出結果 Mango,Apple,Orange,Banana
14、shift ()移除數組的第一個元素。
var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.shift() 結果 Orange,Apple,Mango
15、slice()返回數組的一部分。
var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"]; var citrus = fruits.slice(1,3); 結果輸出 Orange,Lemon
16、some()測試是否至少有一個數組元素能讓斷言函數為真。
var ages = [3, 10, 18, 20]; function checkAdult(age) { return age >= 18; } function myFunction() { document.getElementById("demo").innerHTML = ages.some(checkAdult); } 輸出結果 true
17、sort ()在原數組中對數組元素進行排序。
var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.sort(); 輸出結果 Apple,Banana,Mango,Orange
18、splice()插入、刪除或替換數組元素。
var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.splice(2,0,"Lemon","Kiwi"); 輸出結果 Banana,Orange,Lemon,Kiwi,Apple,Mango
19、toLocaleSTring()將數組轉化為本地化字元串。
var d=new Date(); var n=d.toLocaleString(); 輸出結果 2019/11/7 下午4:59:41
20、toString ()將數組轉化為字元串。
var d=new Date(); var n=d.toString();
Thu Nov 07 2019 17:00:09 GMT+0800 (中國標準時間)
21、unshift()在數組頭部插入元素。
var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.unshift("Lemon","Pineapple"); fruits 將輸出: Lemon,Pineapple,Banana,Orange,Apple,Mango
作者:高瑞廷
QQ:2419056691