欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

js 数组方法(一)--修改篇

程序员文章站 2022-03-27 18:05:07
...

js数组方法可分为三类:修改、访问、迭代。
修改:改变原有数组
访问:不改变原有数组,从原有数组中获取数据
迭代:对数组的每一项进行处理,返回数据
本文主要介绍数组的修改篇

一、增加

1、push()

含义:在数组末尾添加元素
参数:待添加元素,数量不限

var a =[1,2,3,4,5,6]
a.push(7,8)
console.log(a); //[1,2,3,4,5,6,7,8]

2、unshift()

含义:在数组开头添加一个或多个元素
参数:待添加元素 ,数量不限

let a = [1,2,3,4,5,6]
a.unshift(7,8)
console.log(a) // [7,8,1,2,3,4,5,6]

二、删除

3、shift()

含义:删除数组第一个元素,并返回这个元素

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

4、pop()

含义:删除数组最后一个元素,并返回这个元素

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

三、排序

5、reverse()

含义:数组倒序重排

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

6、sort()

含义:对原数组进行排序 默认是 UTF-16序列
参数:该参数为某种顺序进行排列的函数
下面例子是数组从小到大排列

let a = [5,2,4,1,6,3]
a.sort(function(a,b){
 	return a - b
})
console.log(a) // [1,2,3,4,5,6]

四、替换

7、splice()

含义:对任意位置任意数量元素进行替换
参数1: 指定开始位置
参数2:需替换的元素个数
参数3~参数n:用来替换的元素

let a = [1,2,3,4,5,6]
a.splice(2,2,7,8,9,10)
console.log(a) // [1, 2, 7, 8, 9, 10, 5, 6]

8、fill()

含义:使用某项值,替换数组选定序列中的值
参数1:需要替换的值
参数2:选定序列起始位置
参数3:选定序列结束位置

var a =[1,2,3,4,5,6]
a.fill(0,2,4); 
console.log(a); // [1,2,0,0,5,6]

9、copyWithin()

含义:在数组内部,将一段元素序列拷贝到另一段元素序列上,覆盖原有值,不改变原有长度
参数1:第一个代表标记位置,即复制序列的插入位置
参数2:复制起始位置
参数3:复制结束位置

var a =[1,2,3,4,5,6]
a.copyWithin(0,2,4); 
console.log(a); // [3,4,3,4,5,6]