1. 程式人生 > 實用技巧 >Js陣列中所有方法(超詳細)

Js陣列中所有方法(超詳細)

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 (中國標準時間)

廣州品牌設計公司https://www.houdianzi.com PPT模板下載大全https://redbox.wode007.com

21、unshift()在陣列頭部插入元素。
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon","Pineapple");
fruits 將輸出:

Lemon,Pineapple,Banana,Orange,Apple,Mango