1. 程式人生 > >微信小程式之JS陣列的操作

微信小程式之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
版權宣告:本文為博主原創文章,轉載請附上博文連結!