JavaScript操作数组之新增元素,删除元素分析

152 阅读2分钟

1.操作数组之查和改

1.数组的查

语法:数组名[索引]

注意点:查不到为undefined

2.数组的改

语法:数组名[索引]=新值

注意点:该语法(索引存在是改,不存在是增,不推荐这么写,后期尽量避免)

2.操作数组之新增元素

1.在数组尾部新增元素

语法:数组名.push(数组1,数组2)

返回值:数组的新长度

是否修改原数组:是

push返回数组的length

let colors=['红色','绿色']

console.log(colors.push('白色')) //3

colors.push('白色','蓝色','黑色')
console.log(colors)  ['红色','绿色','白色','白色','蓝色','黑色']

在数组头部新增元素

语法:数组名.unshift(数组1,数组2)

返回值:数组新长度

是否修改原数组:是

let colors=['红色','绿色']
console.log(colors.unshift('白色','黑色')) //4
console.log(colors)  //['白色','黑色','红色','绿色']

3.操作数组之删除元素

1.删除数组中最后一个元素

语法:数组名.pop() 只删除最后一个元素

let names = ['小米', '小明', '小黑', '小红', '小白']
console.log(names.pop());//'小白'
names.pop()//'小红'
console.log(names);//['小米', '小明', '小黑']

2.删除数组中第一个元素

语法:数组名.shift() 只删除第一个元素

let names = ['小米', '小明', '小黑', '小红', '小白']
console.log(names.shift());//'小米'
names.shift()//'小明'
console.log(names);//['小黑','小红','小白']

4.splice删除和增加数组元素

(splice既可以在数组中添加又可以删除元素)

语法:数组名.splice(参数)

let names = ['小米', '小明', '小黑', '小红', '小白']
删除:数组名.splice(删除的位置(参考的数组索引),删除的个数)
// 表示从索引为0的位置开始删除,删除4个
names.splice(1,4) //['小明', '小黑', '小红', '小白']
// 表示从数组对应索引位置开始删除,删除当前索引后面所有的元素
//返回值:删除的对应元素
//是否修改原数组:是

增加:数组名.splice(新增的位置,新增个数(替换操作),新增的数据1,新增的数据2)
names.splice(5,0,'小黄1','小黄2','小黄3')
//返回值:[]空数组
//是否修改原数组:是

总结:splice方法两个参数是在执行删除操作,3个参数是新增(新增的位置,新增个数(原位置有值替换操作),新增的数据1,新增的数据2)

注意点:开头结尾一般用数组提供的删除新增方法,splice方法用来处理数组中间的数组