14_JavaScript之数组的增删改查

这篇博客详细介绍了JavaScript中数组的四种基本操作:使用unshift在数组开头增加元素,使用push在数组末尾增加元素,使用splice在指定位置增加、删除和修改元素,以及如何进行查询操作。通过示例展示了各个方法的使用和效果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

先把总结写在前面:

增的方法:
在数组最前面添加数据:unshit(需要添加的数据)
在数组最后面添加数据:push(需要添加的数据)
在数组某一个位置添加数据:splice(位置,0,内容)
删的方法:
在数组最前面删除数据:shift()
在数组最后面删除数据:pop()
在数组某一个位置删除数据:splice(位置,个数 )

改的方法:
在数组某一个位置修改数据: splice(位置,个数,内容 )

1.增
(1)在数组最前面添加数据
unshit(需要添加的数据),使用了unshit() 会将新增内容之后当前数组的长度返回给我们

    <script>
        let arr = ["a", "b", "c"];
        let result = arr.unshift('tj');
        console.log(result);
        console.log(arr);
    </script>

控制台输出:
在这里插入图片描述
(2)在数组最后面添加数据
push(需要添加的数据),使用了push() 会将新增内容之后当前数组的长度返回给我们

    <script>
        let arr = ["a", "b", "c"];
        let result = arr.push('h', 'tj');
        console.log("数组长度:" + result);
        console.log(arr);
    </script>

控制台输出:
在这里插入图片描述
(3) 在数组某一个位置添加数据

splice(位置,0,内容)

    <script>
        let arr = ["a", "b", "c"];
        let result = arr.splice(1, 0, "b1");
        console.log(result);
        console.log(arr);
    </script>

控制台输出:
在这里插入图片描述
2.删
(1)在数组最前面删除数据
使用了**shift()**会将删除的内容返回给我们

    <script>
        let arr = ["a", "b", "c"];
        let result = arr.shift();
        console.log("删除的数据:" + result);
        console.log(arr);
    </script>

控制台输出:
在这里插入图片描述

(2)在数组最后面删除数据
使用了**pop()**会将删除的内容返回给我们

    <script>
        let arr = ["a", "b", "c"];
        let result = arr.pop();
        console.log("删除的数据:" + result);
        console.log(arr);
    </script>

控制台输出:
在这里插入图片描述

(3)在数组某一个位置删除数据
splice(参数1,参数2 )
参数1: 从什么位置开始 参数二:需要删除多少个元素 并将删除的元素返回给我们

    <script>
        let arr = ["a", "b", "c"];
        let result = arr.splice(1, 1);
        console.log("删除的数据:" + result);
        console.log(arr);
    </script>

3.改
splice(参数1,参数2,参数3 )
参数1: 从什么位置开始 参数二:需要替换多少个元素 参数3:新的内容 该方法会返回被修改的元素

    <script>
        let arr = ["a", "b", "c"];
        let result = arr.splice(1, 2, "b2", "b3");
        console.log("被修改的数据:" + result);
        console.log(arr);
    </script>

控制台输出:
在这里插入图片描述

4.查
十分简单

    <script>
        let arr = ["a", "b", "c"];
        console.log(arr[0]);
        console.log(arr);
    </script>

控制台输出:
在这里插入图片描述

### JavaScript 数组增删改查操作 #### 增加元素 对于增加数组中的元素,JavaScript 提供了几种不同的方式: - **`push()`**: 向数组末尾添加一个或多个元素,并返回新长度。 ```javascript let arr = [1, 2]; arr.push(3); console.log(arr); // 输出: [1, 2, 3] ``` - **`unshift()`**: 将一个或多个元素添加到数组开头,并返回新长度。 ```javascript let arr = [1, 2]; arr.unshift(0); console.log(arr); // 输出: [0, 1, 2] ``` - **`splice()`**: 可以用来向指定位置插入任意数量的新项[^1]。 ```javascript const arr9 = ['a', 'b', 'c']; arr9.splice(1, 0, 'new'); console.log(arr9); // 输出: ["a", "new", "b", "c"] ``` #### 删除元素 删除数组内的元素同样可以通过多种方法实现: - **`pop()`**: 移除最后一个元素并返回该元素值。 ```javascript let arr = [1, 2, 3]; arr.pop(); console.log(arr); // 输出: [1, 2] ``` - **`shift()`**: 移除第一个元素并将所有其他元素向前移动一位来填补由此产生的空位;它会改变原数组并返回被移除的第一个元素。 ```javascript let arr = [1, 2, 3]; arr.shift(); console.log(arr); // 输出: [2, 3] ``` - **`splice()`**: 不仅能用于插入还可以用于删除特定位置上的元素。 ```javascript const arr8 = [1, 2, 3, 4, 5]; console.log(arr8.splice(2, 1)); // 输出: [3] console.log(arr8); // 输出: [1, 2, 4, 5] ``` #### 修改元素 修改现有数组的内容通常涉及直接访问其索引或将旧值替换为新值。除了上述提到过的 `splice()` 函数外,也可以简单地通过设置某个具体下标的值来进行更新。 ```javascript let arr = [1, 2, 3]; arr[1] = 'two'; console.log(arr); // 输出: [1, "two", 3] ``` #### 查询元素 查询是指定位给定条件下的某一项或多项记录,在这里主要指的是查找是否存在满足某些标准的数据条目以及获取它们的位置信息。 - **`indexOf()` 和 `lastIndexOf()`**: 查找首次出现/最后一次出现的目标元素所在的位置(如果不存在则返回 `-1`)。 ```javascript let arr = [1, 2, 3, 2, 4]; console.log(arr.indexOf(2)); // 输出: 1 (第一次出现) console.log(arr.lastIndexOf(2)); // 输出: 3 (最后次出现) ``` - **`find()` 和 `findIndex()`**: 这两个函数允许传入回调函数作为参数,分别用于找到符合条件的第一项及其对应的索引。 ```javascript let users = [{id: 1}, {id: 2}]; console.log(users.find(user => user.id === 2)); // 输出: Object { id: 2 } console.log(users.findIndex(user => user.id === 2));// 输出: 1 ``` - **`includes()`**: 判断数组是否包含某个指定的值,如果是,则返回 true。 ```javascript let arr = [1, 2, 3]; console.log(arr.includes(2)); // 输出: true ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值