首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

js数组常用方法总结

最近工作中经常用数组操作,每次都傻傻不知道怎么用,今天有时间整理了一下,希望对大家有帮助!这些基础的知识,要熟记于心。 1、 join() 功能:将数组中所有元素都转化为字符串并连接在一起。...  输入:待拼接的元素;如果参数中有数组,则连接的是数组元素,而非数组本身;但是不支持递归,不修改调用的数组。 ...输出:拼接后的新数组  注意:新建的数组,原数组不改变。 ...:类似数组的对象和可遍历的对象  输入:待转换的对象,第二个参数可选,作用类似于数组的map方法,用来对每个元素进行处理,将处理后的值放入返回的数组。 ...()) { 14 console.log(index, elem); 15 } 16 // =>0 "a" 17 // =>1 "b" 如果不使用for…of循环,可以手动调用遍历器对象的next方法

5K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JS数组常用方法

    JS 数组常用方法(个人感觉) 1. forEach() 循环,无法在中间停止 2. some() 循环,找到符合条件的之后,可以通过 return true 退出循环 3. every() 测试数组中的所有元素是否都能通过某个指定函数的测试...amount, item) => (amount += item.price * item.count), 0); console.log(amount); //返回70 6. map() map()方法把调用它的数组的每一个元素分别传给指定的函数...2, , 3]; // 如果数组是稀疏的,缺失元素不会调用函数,但是返回的数组也会和原始数组一样稀疏 let newA = a.map((v) => v * v); console.log(newA)...; console.log(a.split(",")); 16. sort() sort()方法数组元素按字母顺序对数组元素排序 let arr = [1, 2, 11, 23, 22, 111,...所以,要实现升序排序,可以按下面的方法 let arr = [1, 2, 11, 23, 22, 111, 12, 9, 8]; console.log( arr.sort((a, b) => {

    4.2K20

    JS常用方法-数组

    会改变原数组方法 以下七种: push(),pop(),shift(),unshift(),splice(),sort(),reserve(),我自己比较常用的有unshfit(),splice()...01 - 添加数组元素方法 push()方法: 在数组结尾处向数组添加一个新的元素(其余元素索引未改变),参数为被添加元素 let fruits = ['苹果','香蕉','橘子'] fruits.push...// x的值为4 02 - 删除数组元素方法 pop()方法: 删除数组中最后一个元素(其余元素索引未改变) let fruits = ['苹果','香蕉','橘子'] fruits.pop..."Pear", "Lemon"] 02 - 数组迭代方法 对每个数组项进行操作 forEach(): 遍历数组的每个元素参数:第一个为每个元素,第二个为该元素索引号,第三个为数组本身常用的为前两个参数接受回调函数对数组进行操作...87] reduce(): 可以用统计符合条件元素总数参数:第一个为总数(初始值/先前返回值),第二个参数为每个元素,第三个参数为元素索引号,第四个参数为数组本身常用的为前两个参数 let

    2.1K10

    js数组常用方法详解

    接着之前数组常用方法详解(一)第二部分介绍数组剩下的一些常用方法 2.12 *** concat() concat()方法可以在现有数组全部元素基础上创建一个新数组,它首先会创建一个当前数组的副本,然后再把它的参数添加到副本末尾...indexOf()方法数组前头(第一项)开始向后搜索,而lastIndexOf()从数组末尾(最后一项)开始向前搜索;indexOf()和 lastIndexOf()都返回要查找的元素在数组中的位置,...其中元素是数组中当前搜索的元素,索引是当前元素的索引,而数组就是正在搜索的数组这两个方法都从数组的最小索引开始。...some(): 对数组每一项都运行传入的函数,如果有一项函数返回 true,则这个方法返回 true。...以上就是数组的一些常用方法和属性,对一些我认为比较重要且常用方法我都会在标题处加上 *** ,希望可以帮助到各位,谢谢!

    1.5K30

    JS数组常用方法大全

    数组方法数组原型方法,也有从object对象继承来的方法常用方法: join 数组转字符串 split 字符串转数组 push 将数据添加到数组尾部 pop 数组末尾移除最后一项 shift 删除原数组第一项...for in 一般常用来遍历对象或json for of 数组对象都可以遍历,遍历对象需要通过和Object.keys() for in 循环出的是key,for of循环出的是value 基本功能...unshift:将参数添加到原数组开头,并返回数组的长度 。 这组方法和上面的push()和pop()方法正好对应,一个是操作数组的开头,一个是操作数组的结尾。...在排序时,sort()方法会调用每个数组项的 toString()转型方法,然后比较得到的字符串,以确定如何排序。...太多不怕,常用参数只有prev、cur 举例: //原始数组 var arr = [3,9,4,3,6,0,9]; a.求数组项之和 var sum = arr.reduce(function (prev

    3K30

    js常用数组方法

    ,元素n];                  1.5 多维数组 var a=new Array([数组序列1],[数组序列2],[数组序列N]);  2.使用字面量表示方法: 由一对包含数组项的方扩号...length 设置或返回数组中元素的数目。 prototype 使您有能力向对象添加属性和方法。...4.数组对象的方法 4.1添加属性:   1.push():将数组添加到原数组末尾,并返回数组的长度。  ...2.sort():用于对数组中的元素进行排序。     2.1:即使数组中的每一项都是数组,sort方法比较的也是字符串。     2.2:sort()方法可以接受一个比较函数作为参数。...5.ECMAScript 5方法:   5.1位置方法:  indexOf():从数组的开头(位置)开始查找;     lastindeOf():从数组的结束位置开始查找; 5.2:迭代方法

    1.9K20

    JS 数组常用方法归纳

    改变原数组方法 shift() 把数组的第一个元素从其中删除,并返回第一个元素的值, 如果数组是空的,那么 shift() 方法将不进行任何操作,返回 undefined 值。...请注意,该方法不创建新数组,而是直接修改原有的 arrayObject。 该方法会改变数组的长度。 unshift()  可向数组的开头添加一个或更多元素,并返回新的长度。...该方法的第一个参数将成为数组的新元素 0,如果还有第二个参数,它将成为新的元素 1,以此类推。请注意,unshift() 方法不创建新的创建,而是直接修改原有的数组。该方法会改变数组的长度。...push() 方法和 pop() 方法使用数组提供的先进后出栈的功能。 该方法会改变数组的长度。 reverse()  用于颠倒数组中元素的顺序。 该方法会改变原来的数组,而不会创建新的数组。...splice() 方法与 slice() 方法的作用是不同的,splice() 方法会直接对数组进行修改 splice() 方法可删除从 index 处开始的零个或多个元素,并且用参数列表中声明的一个或多个值来替换那些被删除的元素

    2.3K30

    js数组方法常用数组Api的基本使用

    console.log(arr) [20,30,40] 6 slice() 查找数组中选定范围的值 返回值是一个数组 不会改变原来的数组方法有两个参数 slice( start...会改变原来的数组 splice( index , howmany ) 该方法有两个必填参数 参数 1 index表示从什么位置开始添加或删除数组元素 参数 2 howmany...,并返回删除元素的值,如果数组为空则返回undefined 方法会改变原数组 var arr = [1,2,3,4] arr.shift() // [1] console.log(arr) // [2,3,4...return item } }) console.log(arr2) // [20, 30, 40] 15 flat() 方法会按照一个可指定的深度递归遍历数组,并将所有元素与遍历到的子数组中的元素合并为一个新数组返回...方法最基本的作用就是数组降维 var arr1 = [1, 2, [3, 4,5,[6,7]]; arr3.flat(Infinity); // [1,2,3,4,5,6,7]

    2.1K10

    js字符串数组常用方法总结

    js字符串/数组常用方法 字符串 charAt str.charAt(index); 从一个字符串中获取索引为index的字符。...pop:从数组中删除最后一个元素,并返回该元素的值。此方法更改数组的长度。 unshift:将一个或多个元素添加到数组的开头,并返回该数组的新长度。...shift:从数组中删除第一个元素,并返回该元素的值。此方法更改数组的长度。 reduce, reduceRight 对数组中的每个元素(从左到右)应用一个函数,将其简化为单个值。...该方法会改变原数组。 sort 给数组排序(只能通过第一位字母或数字的 unicode 编码进行排列),返回排序后的数组。...通过删除或替换现有元素或者原地添加新的元素来修改数组,并以数组形式返回被修改的内容。此方法会改变原数组。 toString 将数组转换成字符串。

    3.2K21

    js 数组常用API

    blue”];var color2 = [“yellow”,”black”,”brown”];var color3 = color.concat(color2); // concat 是将参数传递进来的数组内容...拼接到调用者后面,不修改原数组var color4 = color.toString();// 数组转换成以逗号相连的字符串var color5 = color.join(‘+’);// 将数据转换成以参数相连的字符串...var color6 = “red,green+blue”;var color7 = color6.split(‘+’);// 将字符串按参数转换成数组console.log(color); // [“...,从开始参数的开始位置,到参数的结束位置, 不包括结束位置, 不改变原数组var arr = [{“name”: “aa”}, {“age”: 12}];console.log(arr.slice(1,...2)); // [{“age”: 12}]console.log(arr); // [{“name”: “aa”}, {“age”: 12}]// splice() 截取原数组的一段返回新数组, 修改原数组

    2.4K40

    js数组常用操作

    数组的声明 var a=new Array(); var a=new Array(5); var a=new Array([5]); var a=[5]; 数组方法 拼接 a.join(separator...个元素替换为 a.splice(index,2,item1,item2,...); //删除 从index开始删除2个元素 a.splice(index,2); 删除元素 a.pop(); pop() 方法将删除...合并两个数组 a.concat("123"); a.concat(["123"]); concat() 方法用于连接两个或多个数组。 该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。...该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。...排序 a.sort(); 倒序 a.reverse() 该方法会改变原来的数组,而不会创建新的数组

    2.4K10

    数组常用方法

    concat:把两个或多个数组拼接,产生一个新的数组。 slice:(从该位开始截取,截取到该位)不改变原数组,所以要返回该值。 join:传入一个字符串类型的数据,然后依次将数组每个数据连接起来。...pop(): 删除 arrayObject 的最后一个元素,把数组长度减 1,并且返回它删除的元素的值。如果数组已经为空,则 pop() 不改变数组,并返回 undefined 值。...sort(): 默认为升序排列,如果想按照其他标准进行排序,sort()方法是可以传入一个函数,函数通过返回一个值来决定 splice(): 从数组中添加/删除项目,然后返回被删除的项目。...filter():“过滤”功能,数组中的每一项运行给定函数,返回满足过滤条件组成的数组 every():判断数组中每一项都是否满足条件,只有所有项都满足条件,才会返回true。...some():判断数组中是否存在满足条件的项,只要有一项满足条件,就会返回true slice():用数组的某个片段切出新数组.

    7810

    4个常用JS 数组内容默认填充方法

    方式一:使用Array.fill 数组实例上可用的array.fill(initalValue)方法是一种初始化数组的便捷方法:当在数组上调用该方法时,整个数组都用填充初始值,并返回修改后的数组。...因此Array.from()方法可以轻松地创建和初始化具有不同对象实例的数组: const filledArray = Array.from(Array(3), () => { return {...使用这种方式,我们避免了使用 fill 方法,但是我们依旧使用了 map 方法。...Array.apply(null, Array(3)) apply 方法会把生成的稀疏数组展开并当做参数再次传给 Array 的构造函数。...如果你想创建一个用原始值初始化的数组,那么最好的方法是Array(length).fill(length)。 如果你数组内存放的是对象,需要保证对象具有不同的实例,则不能使用方式一。

    2.4K10

    数组常用方法

    toString():把数组转换为数组值. 1)Array.toString():将数组转换成一个字符串,并且返回这个字符串。 2)Boolean.toString():将布尔值转换为字符串。...pop():从数组中删除最后一个元素,返回被删除的元素 push():(在数组结尾处)向数组添加一个新的元素,返回新数组的长度 shift():会删除首个数组元素,并把所有其他元素“位移”到更低的索引,...返回删除的元素 unshift():(在开头)向数组添加新元素,并“反向位移”旧元素,返回新数组的长度 length():属性提供了向数组追加新元素的简易方法 splice():可用于向数组添加新项,第一个参数定义了应添加新元素的位置...返回一个包含已删除项的数组 concat():通过合并现有数组来创建一个新数组,返回一个新数组 slice():用数组的某个片段切出新数组创建新数组。...map():返回每次函数调用的结果组成的数组 filter():“过滤”功能,数组中的每一项运行给定函数,返回满足过滤条件组成的数组,返回满足过滤条件组成的数组 every():判断数组中每一项都是否满足条件

    8410
    领券