龙空技术网

JS数组的几个常用方法

敲代码的猪 58937

前言:

眼前姐妹们对“js数组常用的方法”大体比较关心,各位老铁们都想要学习一些“js数组常用的方法”的相关文章。那么小编同时在网摘上搜集了一些对于“js数组常用的方法””的相关文章,希望大家能喜欢,兄弟们一起来了解一下吧!

1. join() 将数组拼接成字符串;

var a = [1,2,4,5];

var b = a.join()

console.log(b)// '1245'

2. split() 将字符串拆分为数组;

var a = 'hello timy'

var b = a.split();

console.log(b);//["h", "e", "l", "l", "o", " ", "t", "i", "m", "y"]

*join()与split()属于逆向转换;

3. reverse() 将数组中的元素顺序颠倒;

var a = [1,2,3];

a.reverse();

console.log(a);//[3,2,1]

4. sort() 将数组中的元素排序并返回排序后的数组;

var a = ['cde','bed','abc'];

a.sort();

console.log(a);//["abc", "bed", "cde"]

如果数组中包含undefined元素,它们会排到数组尾部;

默认按字母表顺序;

var a = [33,4,111,22];

a.sort();

console.log(a);//[111, 22, 33, 4]

从小到大排列

a.sort(function(a,b){return a-b});

console.log(a);//[4, 22, 33, 111]

从大到小排列

a.sort(function(a,b){return b-a});

console.log(a);//[111, 33, 22, 4]

区分大小写的排序;

a = ['ant','Bug','cat','Dog'];

a.sort();

console.log(a);//["Bug", "Dog", "ant", "cat"]

不区分大小写的排序;

a.sort(function(s,t){

var a = s.toLowerCase();

var b = t.toLowerCase();

if(a<b) return -1;

if(a>b) return 1;

return 0;

});

console.log(a);//["ant", "Bug", "cat", "Dog"]

5. concat() 创建并返回一个新数组;不改变数组,用完就释放了;

var a = [1,2,3];

a.concat(4,5); //[1,2,3,4,5]

console.log(a);//[1,2,3];

a.concat([4,5]);//[1,2,3,4,5]

a.concat([4,5],[6,7]);//[1,2,3,4,5,6,7]

a.concat(4,[5,[6,7]]);//[1,2,3,4,5,[6,7]

6. slice() 指定数组的一个片段或子数组;它的两个参数分别是片段的开始和结束;不改变数组,用完就释放;

var a = [1,2,3,4,5];

a.slice(0,3);//[1,2,3]

a.slice(3);//[4,5];

a.slice(1,-1);//[2,3,4];

a,slice(-3,-2);//[3]

console.log(a);// [1,2,3,4,5]

7. splice() 在数组中插入或删除元素的通用方法;会修改数组;第一个参数表示开始截取位置,二个参数表示截取数量;还有多位参数看下面例子;

var a = [1,2,3,4,5,6,7,8,9];

var b = a.splice(4);;//[5,6,7,8,9];

console.log(a);//[1,2,3,4]

var c = a.splice(1,2);//[2,3];

console.log(a);//[1,4]

var d = a.splice(1,1);//[4]

console.log(a);//[1]

既然能删除,当然还会有插入;第一个参数表示插入位置,第二个参数表示替换几位;后面的参数

var a = [1,2,3,4,5];

a.splice(2,0,'a','b','c'); //[1, 2, "a", "b", "c", 3, 4, 5]

a.splice(3,3,6,7,8,9); //[1, 2, "a", 6, 7, 8, 9, 4, 5]

a.splice(3,0,[2,3,4]);//[1, 2, "a", [2,3,4], 6, 7, 8, 9, 4, 5]

注意:与concat()不同的,splice()会插入数组本身而非数组的元素

8. push() 和pop(),在数组的尾部添加一个或多个元素,删除最后一个元素;

var a = [];

a.push(1,2);

console.log(a);//[1,2]

a.push('a','b');

console.log(a);//[1,2,'a','b']

a.pop();

console.log(a);//[1, 3, "a"]

9. unshift() 和 shift() ,在数组的头部添加一个或多个元素,删除一个元素;

var a = [2,3];

a.unshift(1);

console.log(a);//[1,2,3];

a.unshift('a','b');

console.log(a);//["a", "b", 1, 2, 3]

a.shift();

console.log(a);//["b", 1, 2, 3]

10. toString() 和 toLocaleString()

var a = ["b", 1, 2, 3]

var b = a.toString();

var c = a.toLocaleString();

console.log(a);//["b", 1, 2, 3]

console.log(b);//b,1,2,3

console.log(c);//b,1,2,3

标签: #js数组常用的方法 #js数组常用的方法及含义