Please enable java script to visit.
NOTEBOOK
HOMEPHP / MySQLJS / HTMLWXappPythonC++Blender其他
js数组操作:push、concat、join、split、reverse、sort、pop的区别和使用 - NOTEBOOK
js数组操作:push、concat、join、split、reverse、sort、pop的区别和使用
JS / HTMLWXapp
Posted on 2022-12-24
摘要 : push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。
concat() 方法用于连接两个或多个字符串。
push 和 conca区别:
push 遇到数组参数时,把整个数组参数作为一个元素;而 concat 则是拆开数组参数,一个元素一个元素地加进去。
push 直接改变当前数组;concat 不改变当前数组。
join() 方法用于把数组中的所有元素放入一个字符串。
split()方法:用于把一个字符串分割成字符串数组.
reverse() 方法用于颠倒数组中元素的顺序。
sort() 方法用于对数组的元素进行排序。
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]);
}


打印结果如下:
0-----1
1-----2
2-----3,4
3-----5
4-----6
5-----7
6-----8
7-----9
8-----10
9-----11



❱ join() 方法用于把数组中的所有元素放入一个字符串。

// 把数组中的所有元素转换为一个字符串:
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var energy = fruits.join();
// energy输出结果:
Banana,Orange,Apple,Mango

join还可以加上间隔字符
var energy = fruits.join('\n'); // 用\n 来连接
// 输出
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






https://blog.csdn.net/LVXIANGAN/article/details/79383155