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

JS使用循环按指定倍数分割数组组成新数组方法

今天一个新人同事问了我一个问题,就是有一个像下边这种不知道具体长度数组,想以每4个为一组,重新组合为一个二维数组,很简单需求只需要用到一个循环再去取余数就可以了,写了一个小demo在这里把代码包括注释贴出来供新人参考...{value:12,name:'哈哈'}, {value:13,name:'哈哈'} ]; var allData = []; //用来装处理完数组...var currData = []; //子数组用来存分割数据 //循环需要处理数组 for(var i = 0; i < chartArr.length...(i) //在这里求4余数,如果i不等于0,且可以整除 或者考虑到不满4个或等于4个情况就要加上 i等于当前数组长度-1时候 if((i !...currData); //在这里清空currData currData = []; } }; 下图是处理完二维数组

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

    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()方法把调用它数组每一个元素分别传给指定函数...; // push()在数组末尾添加元素,并返回数组新长度 console.log(a); console.log(a.pop()); // pop()删除数组末尾元素,并返回删除元素 console.log...; 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数组常用方法

    js数组常用方法还挺多,有16个,如果面试官问你这道题可不要只回答几个哟,那是会扣分! 1. Array.push(),向数组末尾添加一个或多个元素,并返回新数组长度。原数组改变。...(注意该方法和forEach区别)。...(注意该方法和map区别,若直接打印Array.forEach,结果为undefined)。 13.Array.filter(function),过滤数组中,符合条件元素并返回一个新数组。...接着面试官可能还会问你: 原数组改变方法有:push pop shift unshift reverse sort splice 不改变原数组方法有:concat map filter join...感兴趣请看下一篇文章—>reduce()数组方法使用场景 我是不爱吃糖程序媛,关注我不迷路,向前端大佬出发!

    15410

    js常用数组方法

    length 设置或返回数组中元素数目。 prototype 使您有能力向对象添加属性和方法。...4.数组对象方法 4.1添加属性:   1.push():将数组添加到原数组末尾,并返回数组长度。  ...2.sort():用于对数组元素进行排序。     2.1:即使数组每一项都是数组,sort方法比较也是字符串。     2.2:sort()方法可以接受一个比较函数作为参数。...4.5数组转换:   1.toString() 转换为字符串并返回.   2.toLocaleString() 转换为本地格式字符串并返回.   3.join()  用指定分隔符分割数组并转换为字符串...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数组方法

    JS数组方法总结 Array.push() 向数组末尾添加一个或者多个元素,并返回新长度 let arr =[1,2,3]; console.log(arr.push(6)) //打印结果为...(arr) //打印结果 [1,2,3,4] Array.concat(arr1,arr2) 连接2个或者更多数组,并返回连接后数组,该方法不会改变原数组 let arr1 = [1,2,3...UniCode码排序,也可以传参指定排序方法,arr.sort(fn(second,fitst)),该方法会改变原数组 let arr = [2,1,3] console.log(arr.sort((...arr = [1,2,3] console.log(arr.valueOf()) //[1,2,3] Array.entries()、Array.keys()、Array.values() 这三个方法都用于遍历数组...] [1,[2,[3,4]]].flat(Infinity)//[1,2,3,4] Array.flatMap() 相当于先对一个数组执行map方法,然后对返回结果再执行flat方法返回新数组

    6.2K21

    js数组splice方法_js数组删除某一项

    整数,规定从何处添加/删除元素,是开始插入/删除数组元素下标 howmany 必需。整数,规定删除多少个元素。如果设置为 0,则不会删除元素 item1, …, itemX 可选。...res); //返回被删除元素:["c"] console.log(arr); //修改后数组:["a", "b", "d"] //指定位置删除指定个数(0个) var arr = ['a','b...','c','d']; var res = arr.splice(2,0); console.log(res); //返回被删除元素:[] console.log(arr); //修改后数组:["a...:["c"] console.log(arr); //修改后数组:["a", "b", "插入", "d"] 2、delete:用于删除对象某个属性,或删除数组某一项 (详细说明:https://...,或计算结果为对象表达式(数组) porperty / index 要删除属性(下标) 例: //删除对象某个属性 let obj = { name:'alax', age:18

    3.1K20

    JS 数组克隆方法总结

    ES5 方法总结 slice /1.slice方法 1) 作用:从一个数组中截取出新数组 2) 格式:数组名.slice(begin,end);  begin表示开下标  end表示结束下标...,但是在截取时不包含结束下标对应元素 3) 注意:  原数组不受影响  如果只设置一个参数,即begin,那么会从begin截取到最后  如果不写参数,那么slice方法可以实现数组复制...该方法不会改变现有的数组,而仅仅会返回被连接数组一个副本 Array.prototype.clone=function(){ return [].concat(this); //或者...this.concat(); } let arr = ['aaa','asss'] let arr1 = arr.clone() arr[0] = 123 console.log(arr,arr1) ES6 方法总结...Object.assign() 浅复制,也可以实现数组克隆 let arr = ['sdsd',123,123,123] let arr1 = [] Object.assign(arr1,arr)

    1.8K10

    JS常用方法-数组

    会改变原数组方法 以下七种: push(),pop(),shift(),unshift(),splice(),sort(),reserve(),我自己比较常用有unshfit(),splice()...01 - 添加数组元素方法 push()方法: 在数组结尾处向数组添加一个新元素(其余元素索引未改变),参数为被添加元素 let fruits = ['苹果','香蕉','橘子'] fruits.push...// x值为4 02 - 删除数组元素方法 pop()方法: 删除数组中最后一个元素(其余元素索引未改变) let fruits = ['苹果','香蕉','橘子'] fruits.pop..."] 04 - 数组排序方法 sort()方法: 默认让数组按照字母排序,返回值为排序后数组 let fruits = ["Banana", "Orange", "Apple", "..."Pear", "Lemon"] 02 - 数组迭代方法 对每个数组项进行操作 forEach(): 遍历数组每个元素参数:第一个为每个元素,第二个为该元素索引号,第三个为数组本身常用为前两个参数接受回调函数对数组进行操作

    2.1K10

    js--数组方法

    01、concat()---合并数组方法 02、join(separator)--把数组所有元素放入一个字符串。元素通过指定分隔符separator进行分隔。...03、shift()---删除数组第一个元素 04、pop()---删除数组最后一个元素 05、unshift()---在数组开头追加元素 06、push()---在数组末尾追加元素 07、reverse...---新元素替换原来元素,从start位置开始删除deleteCount项,并从该位置起插入val1,val2,... 10、slice(start,end)---从一个已有的数组中返回选定元素,...返回从原数组中指定开始下标到结束下标之间项组成数组 11、toString()----把数组转化成字符串 12、indexof()---返回某个指定字符串值在数组中首次出现位置。...13、lastIndexOf( )---返回一个指定字符串值最后出现位置,在一个字符串中指定位置从后向前搜索。 ? ?

    1.6K10

    js数组常用方法详解

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

    1.5K30

    JS数组常用方法大全

    数组方法数组原型方法,也有从object对象继承来方法, 常用方法: join 数组转字符串 split 字符串转数组 push 将数据添加到数组尾部 pop 数组末尾移除最后一项 shift 删除原数组第一项...) split() 方法用于把一个字符串分割成字符串数组。...unshift:将参数添加到原数组开头,并返回数组长度 。 这组方法和上面的push()和pop()方法正好对应,一个是操作数组开头,一个是操作数组结尾。...在排序时,sort()方法会调用每个数组 toString()转型方法,然后比较得到字符串,以确定如何排序。...这个方法会先创建当前数组一个副本,然后将接收到参数添加到这个副本末尾,最后返回新构建数组。在没有给 concat()方法传递参数情况下,它只是复制当前数组并返回副本。

    3K30

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭
      领券