栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

js数组操作方法

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

js数组操作方法

在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中几种最常见的数组操作手法,希望能对你有所帮助哦~

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/14769.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号