Javascript操作数组元素之增删改查（超详细且通俗易懂，理论+例子）

目录

添加元素

删除元素

清空数组元素

修改元素

查询元素

---

注：本文章中的案例放入<script></script>标签中即可

添加元素

释义：添加元素分为尾部添加，头部添加和中间添加

语法(①和②括号里的值为要添加的元素(值))：

        ①尾部添加：数组名.push()

        ②头部添加：数组名.unshift()

        ③中间添加：数组名.splice(参数1，参数2，参数3)

                第一个参数：必需-即将插入的元素的索引（下标）值
                第二个参数：必需-要删除的元素数量，设置为0则表示不删除元素
                第三个参数：要插入的元素的值

let arr = [1,2,3,4,5];
//尾部添加元素
arr.push(6);
console.log(arr);//结果：[1,2,3,4,5,6]
//头部添加元素
arr.unshift(0);
console.log(arr);//结果：[0, 1, 2, 3, 4, 5, 6]
//中间添加元素
//第一个参数：必需-即将插入的元素的索引（下标）值
//第二个参数：必需-要删除的元素数量，设置为0则表示不删除元素
//第三个参数：要插入的元素的值
arr.splice(2,0,1.1);
console.log(arr);//结果：[0, 1, 1.1, 2, 3, 4, 5, 6]

删除元素

释义：通过delete关键字结合要删除的元素下标进行删除

语法：delete 数组名[索引值]

//语法：delete 数组名[索引值]
//删除某一个元素 保留位置 数组长度不变
 let arr = [1,2,3,4,5,6,78,7];
//删除arr数组中下标为6的元素，即删除元素(78)
 delete arr[6];
 console.log(arr);//结果：[1,2,3,4,5,6,7]

清空数组元素

释义：通过将数组定义为空的或者将数组长度赋值为0以达到清空数组的目的

语法：arr=[] / arr.length = 0

//清空数组
//语法：arr=[] | arr.length = 0
let arr = [1,2,3,4,5,6];
//方法一:将数组直接定义为空数组
//arr = [];
//方法二:将数组长度设置为0
arr.length = 0;
console.log(arr);

修改元素

释义：通过想要修改的元素的下标(索引)值定位元素，然后进行修改

语法：数组的变量名[索引值] = 值

//语法：数组的变量名[索引值] = 值
let arr = [1,2,3,0,5]
//将arr数组中下标为3的元素改为4
arr[3] = 4;
console.log(arr); //结果：[1,2,3,4,5]

查询元素

释义：查询数组中的元素可以通过for循环和foreach进行查询

语法：数组名.foreach(function(element){
                   //element代表 数组的元素
            })

//语法：
//数组名.foreach(function(element){
      // element代表 数组的元素
//})
let arr = ["张三","李四","王二","琪琪","小明","小红"];

//1.通过for循环遍历数组
for(let i = 0;i <arr.length;i++){
    console.log(arr[i]);
}

//2.通过foreach遍历数组
arr.forEach(function(element){
    console.log(element);
})