數組中全部方法（超詳細）

數組的全部方法

一、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  輸出結果

　　

 

三、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 輸出結果

　　

 

四、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

 

五、indexOf（）在數組中查找指定元素。

 

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var a = fruits.indexOf("Apple");

結果 2

 

六、join（）將數組的全部元素轉化爲字符串。

 

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var energy = fruits.join();
結果
Banana,Orange,Apple,Mango

 

七、lastIndexOf（）在數組中反向查找。

 

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var a = fruits.lastIndexOf("Apple");
結果 2

 

八、map()從數組的元素中，計算出新的數組。

 

var numbers = [4, 9, 16, 25];

function myFunction() {
    x = document.getElementById("demo")
    x.innerHTML = numbers.map(Math.sqrt);
}
結果  2,3,4,5

 

九、pop（）移除數組最後一個元素。

 

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop();
返回  Banana,Orange,Apple

 

十、push（）把元素添加到數組尾部。

 

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi")
結果輸出
Banana,Orange,Apple,Mango,Kiwi

　　

十一、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

　　

十二、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

 

1三、reverse（）在原數組中顛倒元素的順序。

 

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.reverse();
輸出結果
Mango,Apple,Orange,Banana

 

1四、shift （）移除數組的第一個元素。

 

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift()
結果
Orange,Apple,Mango

 

1五、slice（）返回數組的一部分。

 

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1,3);
結果輸出  Orange,Lemon

 

1六、some（）測試是否至少有一個數組元素能讓斷言函數爲真。

 

var ages = [3, 10, 18, 20];

function checkAdult(age) {
    return age >= 18;
}

function myFunction() {
    document.getElementById("demo").innerHTML = ages.some(checkAdult);
}
輸出結果 true

 

1七、sort （）在原數組中對數組元素進行排序。

 

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.sort();
輸出結果 Apple,Banana,Mango,Orange

 

1八、splice（）插入、刪除或替換數組元素。

 

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2,0,"Lemon","Kiwi");
輸出結果  Banana,Orange,Lemon,Kiwi,Apple,Mango

 

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

 

2一、unshift（）在數組頭部插入元素。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon","Pineapple");
fruits 將輸出：

Lemon,Pineapple,Banana,Orange,Apple,Mango

 

做者：高瑞廷

QQ：2419056691