首页
学习
活动
专区
工具
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.1K70
您找到你想要的搜索结果了吗?
是的
没有找到

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.1K20

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()数组方法使用场景 我是不爱吃糖程序媛,关注我不迷路,向前端大佬出发!

11910

JS 数组常用方法归纳

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

2.2K30

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方法返回新数组

5.7K21

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.8K20

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

3K20

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(): 遍历数组每个元素参数:第一个为每个元素,第二个为该元素索引号,第三个为数组本身常用为前两个参数接受回调函数对数组进行操作

1.8K10

Js 循环,数组,函数(方法

Js数组是将任意数据类型,放在一起按照一定顺序排练集合 (1)、数组两种定义方式 Var ary=new Array() 创建对象方式 Var ary1=[]; (2)、...3、下标 数组中所有元素从0位置开始 通过下标方式赋值及取值 ary[0]=1 数组赋值 //[ ]里面是数组下标 alert(ary[0]); 使用下标获取数组值...; i++) { alert(ary[i]); //通过下标获取 } 9、数组合并 concat方法 // var ary3 = [12, 324, 4, "re"]; // var ary1 =...[234, 87, "hd"]; // var ary2 = ary3.concat(ary1); //数组合并 合二为一 // alert(ary2); // join方法 返回是字符串类型...var ary = [123, 56, 343]; var ary2 = ary.join("ad") //在数组中间加入字符 alert(ary2); 10、函数(方法)定义 通过 function

6K20

JS数组常用方法大全

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

2.8K30

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.7K10
领券