微信小程序 数组操作:push、concat、join、split、reverse、pop的区别
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
版权声明:本文为博主原创文章,转载请附上博文链接!