陣列中所有方法（超詳細）-有解無憂

陣列的所有方法 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

轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/176015.html

標籤：JavaScript

上一篇：el-table單元格樣式更改

下一篇：原生js 定義分頁控制元件,類似于百度搜索