微信小程式之JS陣列的操作
push() 方法可向陣列的末尾新增一個或多個元素,並返回新的長度。
陣列中新增新元素:
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi")
fruits 結果輸出:
Banana,Orange,Apple,Mango,Kiwi
concat() 方法用於連線兩個或多個字串。
連線兩個字串:
var str1 = "Hello ";
var str2 = "world!";
var n = str1.concat(str2);
n 輸出結果:
Hello world!
push 和 concat 的區別:
var arr = [];
arr.push(1);
arr.push(2);
arr.push([3, 4])
arr.push(5, 6);
arr = arr.concat(7);
arr = arr.concat([8, 9]);
arr = arr.concat(10, 11);
for(var i in arr){
console.log(i+"-----"+arr[i]);
}
列印結果如下:
index.js [sm]:180 0-----1
index.js [sm]:180 1-----2
index.js [sm]:180 2-----3,4
index.js [sm]:180 3-----5
index.js [sm]:180 4-----6
index.js [sm]:180 5-----7
index.js [sm]:180 6-----8
index.js [sm]:180 7-----9
index.js [sm]:180 8-----10
index.js [sm]:180 9-----11
區別:
push 遇到陣列引數時,把整個陣列引數作為一個元素;而 concat 則是拆開陣列引數,一個元素一個元素地加進去。
push 直接改變當前陣列;concat 不改變當前陣列。
注意:arr1=arr1.concat(arr2)
join() 方法用於把陣列中的所有元素放入一個字串。
把陣列中的所有元素轉換為一個字串:
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var energy = fruits.join();
energy輸出結果:
Banana,Orange,Apple,Mango
split()方法:用於把一個字串分割成字串陣列.
把一個字串分割成字串陣列:
var str="How are you doing today?";
var n=str.split(" ");
n 輸出一個數組的值:
How,are,you,doing,today?
reverse() 方法用於顛倒陣列中元素的順序。
注意: 該方法會改變原來的陣列,而不會建立新的陣列。
顛倒陣列中元素的順序:
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.reverse();
fruits 結果輸出:
Mango,Apple,Orange,Banana
sort() 方法用於對陣列的元素進行排序。
1、陣列排序(預設按字母升序):
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.sort();
fruits 輸出結果:
Apple,Banana,Mango,Orange
2、數字升序
var points = [40,100,1,5,25,10];
points.sort(function(a,b){return a-b});
fruits輸出結果:
1,5,10,25,40,100
3、數字降序
var points = [40,100,1,5,25,10];
points.sort(function(a,b){return b-a});
fruits輸出結果:
100,40,25,10,5,1
4、字母降序:
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.sort();
fruits.reverse();
fruits輸出結果:
Orange,Mango,Banana,Apple
pop() 方法用於刪除陣列的最後一個元素並返回刪除的元素。
移除最後一個數組元素
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop();
fruits 結果輸出:
Banana,Orange,Apple
綜合整理而成
---------------------
轉載!感謝原作者!
作者:lvxiangan
來源:CSDN
原文:https://blog.csdn.net/lvxiangan/article/details/79383155
版權宣告:本文為博主原創文章,轉載請附上博文連結!