JS数组常用操作方法

最新推荐文章于 2023-05-31 09:34:20 发布
最新推荐文章于 2023-05-31 09:34:20 发布
阅读量121 收藏 1
点赞数
分类专栏： JS 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44649893/article/details/119513229
版权 
 数组常用方法
    +就是js自带一些操作数组的方法
    +数组常用方法的使用格式，必须是 数组.xx
    +数组和伪数组的区别
    =>length 和索引都一样；偏离循环也一样
    =>长得也一样
    =>唯独数组常用方法，伪数组用不了


    1.push()
    =>语法：数组.push(数据1,数据2,数据3,······)
    =>作用；把所有的参数按照顺序追加到数组末尾位置
    =>返回值：追加以后数组得到的长度
    =>直接操作原始数组


    2.pop()
    =>语法：数组.pop()
    =>作用：删除数组的最后一个数据
    =>返回值：被删除的数据
    =>直接操作原始数组

    3.unshift()
     =>语法：数组.unshift(数据1,数据2,数据3,······)
    =>作用；从数组最前面插入一些数据
    =>返回值：插入以后数组得到的长度 
    =>直接操作原始数组

    4.shift()
    =>语法：数组.shift()
    =>作用：删除数组的最前面的一个数据
    =>返回值：被删除的数据
    =>直接操作原始数组
	5.reverse()
    =>语法：数组.reverse()
    =>作用：反转数组
    =>返回值：反转后的数组
    =>直接操作原始数组

    6.sort()
    =>1、语法：数组.sort()
    =>作用：数组排序；按照每一个数据中的数据的ASCII码进行排序

    =>2、语法：数组.sort(function(a,b){return a-b})
    =>作用：数组排序；按照大小进行排序(升序排列)
    =>2、语法：数组.sort(function(a,b){return b-a})
    =>作用：数组排序；按照大小进行排序(降序排列)
    =>返回值：排序后的数组
    =>直接操作原始数组

    7、splice()
     =>1、语法：数组.splice(开始索引，多少个)
     ->开始索引，截取多少个
     ->第二个参数可以不写，直接到末尾
     ->开始索引，截取多少个
     ->第一个参数可以不写，直接到开头
    =>作用：
        1、截取数组
        2、替换新内容
    =>2、语法：数组.splice(开始索引，多少个，替换数据1，替换数据2，替换数据3)
    ->把替换的数据按照顺序插入到你要截取的位置
    ->注意**从哪一个索引开始截取，替换数据的第一个就那个位置插入
    =>返回值：一定是一个数组
        ->如果截取多个数据，数组里面有多个
        ->如果截取一个数据，数组里面有一个
        ->如果一个都不截取，那么就是一个空数组
    =>直接操作原始数组

    8、concat()
    =>语法：数组.concat(数组1，数组2，····)   **可以填数组 可以填数据
    =>作用：
        ->如果参数是数组，那么把数组拆开。里面每一项追加到原数组最后面
        ->如果参数是数据，那么直接追加数据 在原始数组最后面
    =>返回值：追加好的数据
    =>不改变原始数组

    9、slice()
    =>语法：
        1.数组.slice(数据开始，结束索引) -包前不包后 
        (第一个参数不写 ：从头    第二个参数不写：直接到末尾 )


        2.数组.slice(数据所以，结束索引) -包前不包后
        ->参数里面写个负整数
        ->当你书写一个负整数以后，表示length+负整数

    =>作用：获取数组里面的某些数据
    =>返回值：一个数组
        ->如果获取多个数据，数组里面有多个
        ->如果获取一个数据，数组里面有一个
        ->如果一个都不获取，那么就是一个空数组
    =>不改变原始数组

    10.join()
    =>语法：数组.join("连接符号")
        ->不传递，是按照逗号(,)连接
        ->你传递什么，按照什么连接
    =>作用：把数组里面的每一个数据使用连接符号连接在一起
    =>返回值：是一个连接好的内容，是一个字符串 String类型
    =>直接操作原始数组
11、indexOf()
    =>语法：
        ->1、数组.indexOf(数据)
        ->2、数组.indexOf(数据，开始索引)
        ->从哪个索引开始向后查找
    =>作用；查看数组里面指定数据的索引
    =>返回值：
        ->如果有这个数据，是第一个满足条件得数据得索引
        ->如果没有这个数据，那么是-1
    
    12、lastIndexOf()
    =>语法：
        ->1、数组.indexOf(数据)
        ->2、数组.indexOf(数据，开始索引)
        ->从哪一个索引开始向前查找
    =>作用：反向查看数组里面指定这个数据的索引
        ->如果有，就是找到的第一个数据的索引
        ->如果没有就是-1
        ->注意：虽然从后往前查找，但是索引还是正常的索引

    13.forEach()
    =>语法：数组.forEach(function(item,index,arr){})
        ->item：表示数组的每一项
        ->index:数组的每一项索引
        ->arr:原始数组
    =>作用：取代for循环的作用，遍历数组
    =>没有返回值

    14.map()
    =>语法：数组.map(function(item,index,arr){})
        ->item：表示数组的每一项
        ->index:数组的每一项索引
        ->arr:原始数组
    =>作用：映射数组
    =>返回值：是一个新的数组
        ->里面是对原始数组每一个数组的操作
        ->返回值数组，一定和原始数组长度一样
    =>不改变原始数组


    15、filter()
    =>语法：数组.filter(function(item,index,arr){})
        ->item：表示数组的每一项
        ->index:数组的每一项索引
        ->arr:原始数组
    =>作用：过滤原始数组中的条件，把满足条件得放在新数组里面
    =>返回值：新数组，里面是所有满足条件得项
    =>不改变原始数组

    16、every()
    =>语法：数组.every(function(item,index,arr){})
        ->item：表示数组的每一项
        ->index:数组的每一项索引
        ->arr:原始数组
    =>作用：判断原始里面是不是每一项都满足条件
    =>返回值：是一个布尔值
        ->如果原始数组中的每一个都满足条件，那么返回true
        ->如果原始数组中的有任意一个不满足条件，那么返回false
    =>不改变原始数组

    17、some()
    =>语法：数组.some(function(item,index,arr){})
        ->item：表示数组的每一项
        ->index:数组的每一项索引
        ->arr:原始数组
    =>作用：判断原始里面是不是有某一项都满足条件
    =>返回值：是一个布尔值 
        ->如果原始数组中的有一个都满足条件，那么返回true
        ->如果原始数组中的全部都不满足条件，那么返回false
    =>不改变原始数组
	18.copywithin()
    =>语法：数组。copywithin(目标位置，开始索引，结束索引)
        ->目标位置:当你替换内容的时候。从那一个索引位置开始替换
        ->开始索引：数组那一个索引位置开始当做替换内容  默认值是0
        ->结束索引：数组那一个位置结束当做替换内容   默认值末尾 length-1
        ==>包前不包后
    =>作用：使用数组里面的内容替换数组里面的内容

    19.fill()
    =>语法：数组.fill(要填充的数据，开始索引，结束索引)
        ->要填充的数据：你想要用什么数据填充到数组里面每一位
        ->开始索引：从那一个索引开始填充  默认值是0
        ->结束索引：填充到那一个索引位置   默认值末尾 
        ->前提：数组length不能是0
    =>作用：使用指定数据去填充内容
    =>返回值：填充好的数组

    20.includes
    =>语法：数组.includes(数据)
    =>作用：查看数组中是不是有某个数据
    =>返回值：一个布尔值
        ->有这个数据是true
        ->没有这个数据是false

    21.flat()
    =>语法：数组.flat(数字)
         ->数字：表示扁平化多少层，默认是1,Infinity全部开出来
     =>作用：拍平数组
     =>返回值：拍平以后的数组

     22.flatMap()
     =>语法：数组.forEach(function(item,index,arr){})
        ->item：表示数组的每一项
        ->index:数组的每一项索引
        ->arr:原始数组
    =>作用；拍平数组，但是只能拍一层
    =>返回值：是一个新的数组
        ->一边拍平，一边映射

    23.find()
    =>语法：数组.find(function(item){})
    =>作用：根据条件找到数组里面满足条件得数据
    =>返回值；找到的那个数据

    24.findIndex()
     =>语法：数组.findIndex(function(item){})
    =>作用：根据条件找到数组里面满足条件得数据
    =>返回值；找到的那个数据的索引
影子君
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS:对数组常用的操作方法
海生的博客
08-03 640
操作数组常用的方法： 1.slice() --------arrayObject.slice(start,end) slice() 方法可从已有的数组中返回选定的元素。返回一个新的数组，包含从 start 到 end （不包括该元素）的 arrayObject 中的元素。 参数 描述 start 必需。规定从何处开始选取。如果
JS中数组的常用操作方法
Du_三木的博客
05-23 735
JS中数组的常用操作方法 push / pop / unshift / shift 1. push push( )方法：可以将一个或者更多的参数添加在数组的尾部；返回添加后的数组的长度，原数组发生改变。 代码示例如下： var arr=[1,2,3,4]; var a=arr.push(9,8,7); console.log(a,arr);//1,2,3,4,9,8,7； 2. unshif...
JS数组的常用操作
带刺玫瑰的博客
11-23 657
数组中的常用操作 1、push()：作用：向数组末尾增加一个到多个元素。 let a=['a','b','c']; a.push("w"); console.log(a) //输出['a','b','c','w'] 2、unshift()：作用：向数组开头增加一个到多个元素。 let a=['a','b','c']; a.unshift("w"); console.log(a) //输出['w','a','b','c'] 3、pop()：作用：删除并返回数组末尾的第一个元素。 let a=['a','b
js常用的数组操作
q1475312190的博客
01-24 566
常用的数组操作函数 //数组的基本操作 var array = [1,2,3,4,5]; //访问：略 push(n) //在数组最后面添加一个元素 pop(): //删除数组最后一个元素 array.push(n); array.pop(); array.unshift(n); //在数组开头添加一个元素 array.shift(); //删除数组开头的一个元素 concat() //数组拼接 newArray = array1.concat(array2) //把数组array1和
js数组常用操作方法小结(增加,删除,合并,分割等)
01-21
本文实例总结了js数组常用操作方法。分享给大家供大家参考，具体如下： var arr = [1, 2, 3, 4, 5]; //删除并返回数组中第一个元素 var theFirst = arr.shift(); alert(theFirst);//返回1 number alert&#40...
js数组操作常用方法
12-07
今天试过json[i].remove(),json.remove(i)之后都不行，看网页的DOM对象中好像JSON数据是以数组的形式出现的，查阅了下相关JS中数组的操作一试果然很爽。 记录下来。 1、数组的创建 代码如下:var arrayObj = new ...
javascript数组常用方法汇总
10-21
以下是对标题和描述中提到的一些JavaScript数组常用方法的详细说明： 1. **join()** 方法：`Array.join()` 方法将数组的所有元素转换为字符串，并用指定的分隔符连接在一起。如果不提供分隔符，它默认使用逗号。...
JS数组的常用操作方法
郑海波(莫川)的CSDN博客
10-15 491
1.forEach 遍历数组，参数为一个回调函数，回调函数有三个参数：当前元素，元素索引，整个数组；无返回值 let data = [1,3,5,7,9,11,13]; let result = data.forEach((item)=>{ console.log('item = '+(item+1)); return item + 1;//无效 }); //result is unde...
js常见数组操作
月色真美121的博客
05-04 158
1.for of循环迭代数组项 2.for循环 循环使用递增索引变量对数组项进行循环迭代 3.arr.forEach 通过在每个数组项上调用callBack函数来迭代数组项 4.arr.map 方法 通过callback来创建新的数组不会改变原数组 5.Array.from 函数 写法不同 6.array.reduce方法通过callback函数作为累加器，将自身数组简化为一个值 需要给一个默认初始值 7.arrar.concat 将一个数组和多个数组和原数组拼接在一起 concat创建新数组
js 常用数组操作方法总结
G_X73的博客
05-22 812
前言： 每次需要用到数组方法时，总是需要去百度，因为一些方法在一段时间不用就忘记了，所以来做个总结，方便自己以后查找，顺便加深一下记忆。 创建/声明数组： 方式一： var array = [3, 5, 2]; // [3,5,2] 方式二： var array = Array(4,5,2); // [4,5,2] 改变原数组的方法： var a = [1,2,3]; ES5: a.p...
JS操作数组常用实用方法
qq_40606397的博客
07-12 330
1.join()方法:对数组进行指定分隔符分割成一个字符串。 var fruits = ["Banana", "Orange","Apple", "Mango"]; document.getElementById("demo").innerHTML = fruits.join(" * "); 结果为：Banana * Orange * Apple * Mango 2.pop()和 pus...
JavaScript常用数组操作方法(补充)
weixin_37714766的博客
04-03 1617
1、concat() concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组，仅会返回被连接数组的一个副本。 2、join() join() 方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的，默认使用’,'号分割，不改变原数组。 3、push() push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。末尾添加，返回的是长度，会改变原数组。...
js中操作数组的一些常用方法分享
xiaoweids的博客
05-26 396
转自：微点阅读https://www.weidianyuedu.com 1.锁定数组的长度（让数组的长度变成只读）。 1 2 3 4 5 6 var a = [1,2,3] //定义一个数组<br> Object.defineProperty(a,"length",{ writable:false }) //将a数组的长度属性设为只读<br> a.length = 0 //将a的长度改为0<br> console.log(a.length); //打印a...
js数组常用操作方法汇总——filter
KusakabeiHikaru
12-21 3179
Array.filterfilter()的作用是返回某一数组中满足条件的元素，该方法返回的是一个新的数组示例代码返回文字长度大于6的数组元素var words = ["spray", "limit", "elite", "exuberant", "destruction", "present"] var longWords = word.filter(function(word){
JS常用数组操作全解析
Nick_YangXiaoTong的博客
07-14 242
concat() 方法用于连接两个或多个数组。 let arr1 = [1, 3, 4, 5] let arr2 = ['11', '1'] let arr3 = [{ a: 1 }, { b: 2 }] let all = arr1.concat(arr2).concat(arr3) console.log(all) // [1, 3, 4, 5, &amp;quot;11&amp;quot;, &amp;quot;1&amp;quot;, {…}, {…}]...
史上最全 JS 数组常用方法总结.
yangyang_A的博客
06-01 919
文章目录js数组常用方法总结判断是否为数组:Array.isArray()1.0 数组新增or删除相关方法push() 方法 末尾添加unshift() 方法 开头添加shift() 方法 删除第一项pop() 方法删除最后一项splice() 方法删除某一项 或 替换某一项2.0 数组查找遍历相关方法forEach() 方法find() 方法findIndex() 方法indexOf() 方法includes() 方法map() 方法filter() 方法3.0 其他方法toString() 方法join
js数组常用的方法汇总
tigerhhzz的博客
05-31 1107
Array 是JavaScript中的一种数据格式，在JavaScript中会经常使用到；本文将详细介绍Array中常用的一些方法！push()pop()shift()unshift()concat()slice()splice()join()indexOf()forEach()map()filter()reduce()sort()reverse()includes()some()every()详细介绍使用方法。
12种JavaScript中最常用的数组操作整理汇总
web前端开发
02-18 255
来源 |https://www.fly63.com/数组是最常见的数据结构之一，我们需要绝对自信地使用它。在这里，我将列出 JavaScript 中最重要的几个数组常用操作片段，包括数组...
头歌js 数组常用方法
最新发布
09-28
JS数组常用方法有很多，以下是其中的一些常用方法： 1. Array.push()：向数组的末尾添加一个或多个元素，并返回新的数组长度。原数组改变。 2. Array.pop()：删除数组的最后一个元素，并返回删除的元素。原数组改变...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值