重温js基础-增删改查基本语法

170 阅读1分钟

一. 声明数组

开局先声明一个数组,接下来的操作都基于此数组进行.

let arr = ['第一个元素','第二个元素','第三个元素','第四个元素','第五个元素']

二. 查

基本语法:数组名[下标]

console.log(arr[4])

注:由于数组下标从0开始,因此下标4表示第5个元素

实现效果如下图

查-效果.png

三. 改

基本语法:数组名[下标]=新值

arr[3]='已修改'
console.log(arr)

实现效果如下图

改-效果.png

四. 增

(1)push(重要)

基本语法:数组名.push(item1,item2,...)

作用:添加元素到最后

(2)unshift

基本语法:数组名.unshift(item1,item2,...)

作用:添加元素到开头

arr.push('末尾1','末尾2')
arr.unshift('开头1','开头2')
console.log(arr)

实现效果如下图

增-效果.png 注: "增"效果返回值为数组增加后的长度

五. 删

(1)pop

基本语法:数组名.pop()

作用:删除最后一个元素

(2)shift

基本语法:数组名.shift()

作用:删除第一个元素

arr.pop()
arr.shift()
console.log(arr)

实现效果如下图

删-效果1.png

(3)splice(重要)

基本语法:数组名.splice(起始位置,个数)

作用:从起始位置开始删除相应个数的元素

注:起始位置写对应的下标

arr.splice(2,2)
console.log(arr)

实现效果如下图

删-效果2.png 补充:起始位置为必写项,个数为可写项.当个数省略时,从起始位置开始删除后面的所有元素

arr.splice(2)
console.log(arr)

实现效果如下图

删-效果3.png

注:pop,shift返回值为被删除的元素;splice返回值为被删除元素组成的数组