JavaScript数组的增删查等各种操作

已于 2022-11-10 15:11:33 修改
阅读量2.4k 收藏 7
点赞数 1
分类专栏： js Html 文章标签： javascript 开发语言 ecmascript
于 2022-11-02 21:57:54 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dyjffgkvfg/article/details/127658132
版权
js 同时被 2 个专栏收录
15 篇文章 0 订阅
订阅专栏
Html
15 篇文章 0 订阅
订阅专栏

目录

数组添加

1.首位添加

 2.末尾添加

 数组删除

1.首位删除

2.末尾删除 

3.选择删除 

数组查询

1.indexOf查询

 2.lastIndexOf查询：

 3.find查询

 4.findIndex()查询

数组截取

1.数组截取

 映射

 过滤

 数组判断

1.some判断

2.every判断

 数组拼接

1.concat

数组反转

1.reverse

 闭坑

数组添加

1.首位添加

        语法：数组.unshift(数值1，数值2，数值3.....);

例子：

<script>
        var arr = [100, 200, 300, 400, 7, 8, 6, 90];
        // 首位添加
        arr.unshift(5, 10, 15)
        document.write(arr);
        document.write(`<br>`);
    </script>

结果：

 2.末尾添加

语法：数组.push(数值1，数值2，数值3.....);

例子：

 var arr = [100, 200, 300, 400, 7, 8, 6, 90];
        //末尾添加 
        arr.push(20, 30)
        document.write(arr);
        document.write(`<br>`);

结果：

 数组删除

1.首位删除

语法：数组.shift()

例子：

<script>
        var arr = [100, 200, 300, 400, 7, 8, 6, 90];
        // 首位删除 
        arr.shift();
        document.write(arr);
        document.write(`<br>`);
    </script>

结果：

2.末尾删除 

语法：数组.pop()

例子：

<script>
        var arr = [100, 200, 300, 400, 7, 8, 6, 90];
        //  末尾删除
        arr.pop();
        document.write(arr);
        document.write(`<br>`);
    </script>

结果：

3.选择删除 

语法：数组.splice(参数一，参数二，参数三)

参数一：数组起始索引下标；可以为负数，表示从倒数第几个数开始；

参数二：删除数组单元个数：

参数三：参数三及以后参数都为替换值，替换删除的数组单元。

利用该参数的特点，当参数二为0时，能够实现对数组的插入操作。

例子：

  <script>
        var arr = [100, 200, 300, 400, 7, 8, 6, 90];
        //  末尾删除
        arr.splice(1,2);
        document.write(arr);
        document.write(`<br>`);
    </script>

结果：

 拓展：通过splice实现对数组的插入操作：

<script>
        var arr = [100, 200, 300, 400, 7, 8, 6, 90];
        //  末尾删除
        arr.splice(1,0,600,800,1000);
        document.write(arr);
        document.write(`<br>`);
    </script>

结果：

 第二个参数为零，参数三及以后数值会插入参数一之前；

数组查询

1.indexOf查询

语法；数组.indexof(数值)；

查询数值第一次出现的位置；查询结果存在，则返回该数值对应的索引下标，如果不存在返回-1

例子：

<script>
        arr1 = [100, 5, 2, 6, 5, 3, 8, 4, 6, 8]
        // 输出第一次出现数值8的下标
        document.write(arr1.indexOf(8));
        document.write(`<br>`);
      
    </script>

结果：

 2.lastIndexOf查询：

语法；数组.lastIndexof(数值)；

查询数值最后一次出现的位置；查询结果存在，则返回该数值对应的索引下标，如果不存在返回-1

例子：

 <script>
        arr1 = [100, 5, 2, 6, 5, 3, 8, 4, 6, 8]
        // 输出第一次出现数值8的下标
        document.write(arr1.lastIndexOf(8));
        document.write(`<br>`);
      
    </script>

结果：

 3.find查询

语法：var 变量名=数组.find(function(value，index ，array){return 表达式 }

value：数组单元的值；

index：数组单元索引下标；

array:代表原数组；

返回值为表达式对应数组单元的值；

例子：

 <script>
        arr1 = [100, 5, 2, 6, 5, 3, 8, 4, 6, 8]
        // 输出第一次出现数值8的下标
        var name=arr1.find(function(a){
            return a===100
            // 不存在返回 undefined
        })
        document.write(name)
      
    </script>

    结果        

 4.findIndex()查询

语法：var 变量名=数组.findIndex(function(value，index ，array){return 表达式 }

value：数组单元的值；

index：数组单元索引下标；

array:代表原数组；

返回值为表达式对应数组单元的索引下标；

例子：

<script>
        arr1 = [100, 5, 2, 6, 5, 3, 8, 4, 6, 8]
        // 输出第一次出现数值8的下标
        var name=arr1.findIndex(function(value,index){
            return index===6;
            // 不存在返回 undefined
        })
        document.write(name)
      
    </script>

       结果：

数组截取

1.数组截取

语法：数组.slice(参数1,参数2）

参数1：截取起始位置下标索引；负数为倒数第几个

参数2：结束位置下标索引负数为倒数第几个；

参数2位置一定要在参数1右边；

例子:

 <script>
        arr1 = [100, 5, 2, 6, 5, 3, 8, 4, 6, 8]
        // 从倒数第五个到倒数第一个
        arr2 = arr1.slice(-5, -1);
        document.write(arr2);
        document.write(`<br>`);
      
 </script>

结果：

 映射

语法：var 变量=数组.map(function(val,index ,array)){ return 表达式}

value：数组单元的值；

index：数组单元索引下标；

array:代表原数组；

返回值为新数组

例子：

<script>
        arr1 = [100, 5, 2, 6, 5, 3, 8, 4, 6, 8]
     
        var arr4 = arr.map(function (value, index, origin) {
            if (value % 2 === 0) {
                // 值为偶数，arr4的值缩小一倍
                return value / 2;
            }
            // 值为奇数，arr4的值扩大一倍
            else {
                return value * 2;
            }
        })
        document.write(arr4);
        document.write(`<br>`);
      
    </script>

结果：

 过滤

语法：var 变量=数组.filter(function(val,index ,array)){ return 表达式}

value：数组单元的值；

index：数组单元索引下标；

array:代表原数组；

l例子：

<script>
        arr1 = [100, 5, 2, 6, 5, 3, 8, 4, 6, 8]
        var arr5 = arr1.filter(function (value, index, orign) {

            return value % 3 === 0


            // return '不满足 '

        })
        document.write(arr5);
        document.write(`<br>`);
       

    </script>
</body>

结果：

 数组判断

1.some判断

语法：数组.some(function( value ,index ,array ){return 表达式})

value：数组单元的值；

index：数组单元索引下标；

array:代表原数组；

结果返回布尔类型；判断结果有一个符合就为true,都不符合返回false;

例子：

<script>
        arr1 = [100, 5, 2, 6, 5, 3, 8, 4, 6, 8]
        var ann=arr1.some(function(value ){
            return value===100
        })
        // 数组判断 有一个满足就为true
        document.write(ann);
        document.write(`<br>`);
        // 都不满足才为false
        var ann1=arr1.some(function(value ){
            return value===2000
        })
        document.write(ann1);
        document.write(`<br>`);
       

    </script>

结果：

2.every判断

语法：数组.every(function( value ,index ,array ){return 表达式})

value：数组单元的值；

index：数组单元索引下标；

array:代表原数组；

结果返回布尔类型；判断结果有一个不符合就为false,都不符合返回true;

例子：

 <script>
        arr1 = [100, 5, 2, 6, 5, 3, 8, 4, 6, 8]
        // 一个不满足就为false
        var ann=arr1.every(function(value ){
            return value===100
        })
        document.write(ann);
        document.write(`<br>`);
        // 所有都满足才为true
        var ann=arr1.every(function(value ){
            return value>=2
        })
        document.write(ann);
        document.write(`<br>`);
       

    </script>

结果：

 数组拼接

1.concat

语法：数组.concat( 数组1，数组2，数组3.....)

<script>
        arr=[1]
        arr1 = [100, 5, 2, 6, 5, 3, 8, 4, 6, 8]
        arr2 = [200, 500, 200, 600, 500, 300, 80, 40, 60, 80]
        // 一个不满足就为false
        arr3 = arr.concat(arr1, arr2);
        document.write(arr3);
        document.write(`<br>`);

    </script>

结果：

数组反转

1.reverse

语法：数组.reverse()

例子;

<script>
       
        arr1 = [100, 5, 2, 6, 5, 3, 8, 4, 6, 8]
        arr1.reverse()
        document.write(arr1);

    </script>

结果：

 避坑

有时候数组反转时原数组也会跟着改变，可以采取截取一个新数组再反转

arr1=arr.slice().reverse()

新手村扛把子
关注
  • 1
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
javascript js 操作数组 增删改查的简单实现
10-22
下面小编就为大家带来一篇javascript js 操作数组 增删改查的简单实现。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
JavaScript数组常用的增删改查与其他属性详解
10-14
JavaScript数组是编程中常用的数据结构，它提供了丰富的操作方法，用于执行增删改查等操作。本文将深入探讨这些常用的方法及其应用场景。 1. **数组的插入** - `push()` 方法：向数组的末尾添加一个或多个元素，并...
4-16 JS数组（增加和修改数组中的元素、数组变换：map、filter、reduce）
前端知识库
04-22 3537
1.增加数组中的元素 在尾部加元素 arr.push(newItem)：修改arr，返回新长度（push推） arr.push(item1,item2) 在头部加元素 arr.unshift(newItem) arr.unshift(item1,item2) 在中间添加元素 arr.splice(index,0,'x')在index（如：index=4，则在第4个位置，也是第三个位置的后面间隙）处插入x，0表示什么都不删 arr.splice(index,1)在index这个位置删掉一个 arr.spli
JS中对数组元素进行增、删、改、查的方法，以及其他方法
csdnluolei
11-22 2万+
总结一下 JS中提供的方法可以对数组元素进行增、删、改、查以及其他方法 一、增加元素 1、push() push可接收任意数量的参数，把它们逐个添加至数组末尾，并且可以返回修改后数组的长度。 例子： var arr = []; var len = arr.push(1); //返回数组长度 console.log(arr); // [1] console.log(len); /...
JavaScript 如何修改,删除数组中某个对象的某个属性
最新发布
Williamqin_的博客
06-11 459
将对象自身展开，以便通过使用先前创建的对象数组来更新现有对象的属性值。使用map()方法根据指定的函数，通过转换原始数组的每个元素来创建一个新的数组。使用Array.map()创建一个带有扩展运算符的新数组，以修改特定对象的属性。使用 forEach() 方法，遍历对象数组，检查条件并修改匹配对象的属性。使用for循环遍历一个包含对象的数组，根据条件查找并修改特定对象的属性。使用find()方法搜索具有指定属性值的对象，并使用解构修改属性。
Web前端，JS基础之数组的4个用法，查、改、增、删
星辰迷上大海的博客
06-28 1854
Web前端，JS基础之数组的4个用法，查、改、增、删
js 修改数组对象中的属性值
热门推荐
小米粒的博客
07-13 4万+
数据类型如下： var dataType=[{"type":"add",state":false},{"type":"update","state":false},{"type":"del","state":false}]； 分别修改： for(var i=0;i<dataType.length;i++){ if(dataType[i].type=="add"){ ...
补充js插入或更新数组元素
m0_46692959的博客
05-13 1569
1、push() 在最后面添加元素 this.letters.push('aaa') //添加几个参数那么就在最后边添加几个元素 this.letters.push('aaaa', 'bbbb', 'cccc') 2、unshift() 在最前面添加元素 this.letters.unshift() //添加几个参数那么就在最前边添加几个元素 this.letters.unshift('aaa', 'bbb', 'ccc') 3、pop() 删除最后一个元素 this.letters.pop();
JS实现数组的增删改查操作示例
10-18
本篇文章将深入讲解如何使用JavaScript实现数组的增删改查操作，这些操作是编程中不可或缺的基础技能。 1. **数组的增加** - `push()` 方法用于在数组的末尾添加一个或多个元素，并返回新的长度。例如： ```...
浅谈JavaScript中数组的增删改查
10-22
本文将深入探讨JavaScript数组的四个基本操作：增加、删除、修改和查询。 1. **数组的增加** - `push()` 方法允许向数组末尾添加一个或多个元素，并返回新数组的长度。例如： ```javascript var array = [1, 2, ...
JavaScript数组增删改查操作
weixin_53540997的博客
02-01 1649
关于JavaScript中数组的基本增、删、改、查操作如何实现。
JS数组的使用方法之增删改查
TQ_hover的博客
02-25 1731
1.数组的三要素 元素：数组存储的数据 下标：元素的位置（下标从0 开始） 长度：元素的数量（长度=最大下标+1） 2.数组声明：let 数组名 ={元素1，元素2，元素4,…元素n} 3.数组查询： 3.1查询一个元素：数组名[下标] 3.2查询每一个元素：for(let i=0;i<arr.length;i++) { arr[i] } 4.数组修改：数组名[下标]=值 5.数组新增： 5.1末尾新增：arr.push(元素) 5.2开头新增：arr.unshift(元素) 6.数组删除： 6.1删
js删除数组的几种方式
m0_60559048的博客
06-07 1万+
一、删除第一个元素一、删除第一个元素slice() 方法可提取字符串的某个部分，并以新的字符串返回被提取的部分。注意： slice() 方法不会改变原始数组。注意：这种方法会改变原始数组。返回值如果删除一个元素，则返回一个元素的数组。如果未删除任何元素，则返回空数组二、删除最后一个元素。
JavaScript（4）删除、替换 数组 特定值！
weixin_49567496的博客
08-10 8121
一、删除特定元素 1、使用splice()删除所有特定元素 splice（）添加或删除数组中的元素。 语法：array.splice(index,howmany,item1,…,itemX) index 从何处添加/删除元素，是元素下标，必须是数字（必填） howmany 应删除多少元素。必须是数字，但可以是 “0”。不写：从index到结尾所有（可选） item1, …, itemX 要添加到数组的新元素（可选） //使用splice（）删除 所有 特定 "-" var
typeof与instanceof 区别
chenlin5188的专栏
06-12 131
1、数组的创建 var arrayObj = new Array();　//创建一个数组 var arrayObj = new Array([size]);　//创建一个数组并指定长度，注意不是上限，是长度 var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]);　创建一个数组并赋值 要说明的是，虽然第二种...
js数组的增删改查方法
weixin_45137175的博客
08-10 782
js数组定义 1.Array方法 1.第一种定义方法 var arr = new Array(数值) // 数值为创建存储空间大小 arr[0] = 'a'; //[0]为数组下角标 arr[1] = 'b'; arr[2] = 'c'; 2.第二种定义方法 var arr = ['a','b','c']; 注：javaScript的数组很特殊，可以自动扩容； length属性：检测出一数组数量，可用于数组的遍历等~ 2.数组的增删改查 (1)增： var arr = ['a','b','c'] arr
js之 替换 数组最后一个元素 为 另一个值
qq_39835505的博客
03-24 5261
// 替换 arr数组 最后一个元素为 其他 arr.splice(arr.length-1,1,'其他');
js 数组中将某一对象元素进行替换
做一个有知识的流氓
05-29 8623
var asd = {name: ‘李四’, age: 12};{name: ‘张三’},{name: ‘李四’}
javascript 数组
05-26
JavaScript 数组是用于存储多个值的变量，它们可以存储字符串、数字和对象等数据类型。JavaScript 数组是动态的，意味着您可以随时添加或删除元素。数组的元素可以通过索引号（下标）来访问和修改，而索引号从0开始。 创建一个数组的语法：var array_name = [item1, item2, ...]; 例如： ``` var fruits = ["apple", "banana", "orange"]; ``` 数组中的每个元素都可以通过其索引号访问。例如，要访问数组中的第一个元素，您可以使用以下语法： ``` var first_fruit = fruits; // "apple" ``` 您还可以使用数组的内置方法来操作数组，例如push（）和pop（）方法用于在数组的末尾添加和删除元素，shift（）和unshift（）方法用于在数组的开头添加和删除元素，splice（）方法用于在任何位置添加或删除元素，sort（）方法用于对数组进行排序等等。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

新手村扛把子

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值