您的当前位置:首页正文

js数组操作方法

2024-08-01 来源:东饰资讯网

在JavaScript中,数组的操作是必不可少的。本文小编总结了JavaScript中最常见的数组操作手法:合并数组concat()方法、末尾添加元素push()方法 、删除一个数组中的最后的一个元素pop()方法、开头添加一个或更多元素unshift()方法、排序sort()方法、添加/删除数组元素splice() 方法、颠倒数组中元素的顺序reverse() 方法。

1、合并数组:concat()

语法

string.concat(string1, string2, …, stringX)

实例

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

2、末尾添加元素:push() 

语法

array.push(item1, item2, …, itemX)

实例

let  a =  [1,2,3];
let item = a.push('末尾');  // 4
console.log(a); // [1,2,3,'末尾']

3、删除一个数组中的最后的一个元素:pop()

语法

array.pop()

实例

var a = [1,2,3];
var b = a.pop()
console.log(b)//3

4、开头添加一个或更多元素:unshift()

语法

array.unshift(item1,item2, …, itemX)

实例

let arr = [2, 3, 1, 9, 7, 5, 8, 22];
 
console.log(arr);
arr.unshift("new1", "new2", "new3");
console.log(arr);
 
输出结果:
[ 2, 3, 1, 9, 7, 5, 8, 22 ]
[ 'new1', 'new2', 'new3', 2, 3, 1, 9, 7, 5, 8, 22 ]

5、数组排序:sort()

语法

array.sort(sortfunction)

实例

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

6、添加/删除数组元素:splice() 

语法

array.splice(index,howmany,item1,…,itemX)

实例

let arr = [2, 3, 1, 9, 7, 5, 8, 22];
console.log(arr);
console.log(arr.splice(2, 3, "这是新添加的元素"));
console.log(arr);
 
输出结果:
[ 2, 3, 1, 9, 7, 5, 8, 22 ]
[ 1, 9, 7 ]
[ 2, 3, '这是新添加的元素', 5, 8, 22 ]

7、颠倒数组中元素的顺序:reverse() 

语法

array.reverse()

实例

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

以上就是avaScript中几种最常见的数组操作手法,希望能对你有所帮助哦~

显示全文