美文网首页
数组方法总结

数组方法总结

作者: 占三疯 | 来源:发表于2016-10-25 15:32 被阅读6次

如题,以下总结的都是日常当中使用到的数组的一些方法,平时的写法,如觉得不妥或有更好的实现方式希望能够指正。那么,都有呢些方法是常用的呢:

  • forEach
  • map
  • filter
  • reduce

forEach

用途:循环遍历数组

var arr =[1,2,3];
arr.forEach(function(v,i,array){
  console.log(v,i,array)
})
//output
1,0,[1,2,3]
2,1,[1,2,3]
3,2,[1,2,3]

map

用途:将数组按照一定的规则,最后返回一个新的数组,对原数组没有影响

var arr = [1, 2, 3];

var newArr = arr.map(function (v, i, array) {
  return v * v;
})

//output
[2,4,9]  //newArr
[1,2,3] //arr

filter

用途:把给定的数组根据给出的条件返回一个新的数组,回调函数中的返回值为true时,返回当前数组的值

var arr = [0, 1, 2, 3, 4, 5];

var newArr = arr.filter(function (v, i, array) {
  return v>2;
})

// output

[ 3, 4, 5] // newArr

reduce

用途:返回计算后的值,此方法相对于其他方法来说相对复杂,直接看例子,回调函数中的参数分别是init:上一次回调函数执行返回的值,首次执行则为reduce的第二个参数(如果存在)或数组的第一个值,cur:当前数组的值,i:当前数组值的索引,array:当前数组

var arr = [0, 1, 2, 3, 4, 5],
sum = arr.reduce(function (init, cur, i, array) {
console.log(init,cur,i)
return init + cur;
});

//output
0 1 1
1 2 2
3 3 3
 6 4 4
10 5 5
sum // 15

以上就是本次所总结的一些数组的用法,其他方法请查看MDN提供的API说明Array

相关文章

  • # 数组常用属性和方法总结

    数组常用属性和方法总结 数组也是对象,数组有对象的所有方法 1. 数组属性(2个主要属性) length -> 万...

  • 2018-11-11 map

    使用set排重数组。 map的方法总结

  • Javascript中数组常用方法总结

    Javascript中数组常用方法总结 创建方式:Array构造函数字面量Array创建数组的静态方法from: ...

  • js数组遍历方法总结

    转自: js数组遍历方法总结 数组遍历方法 1.for循环 使用临时变量,将长度缓存起来,避免重复获取数组长度,当...

  • Swift之数组

    swift中数组的一些用法。 数组的定义 数组的遍历 数组的增加 总结 主要说了数组的定义以及数组的遍历的方法。

  • js数组相关的一些方法(一)

    很早就想做个总结,难得今日有空,总结一些常用的数组方法,如下:1.joinjoin(separator):将数组的...

  • JavaScript数组方法总结(上)

    JavaScript数组方法总结(上) 本文介绍JavaScript数组方法,并且本文收录在我的慕课手记,请点击链...

  • JS第四天笔记

    数组方法的小总结 从数组末尾删除一项,有哪些方法?ary.length--ary.length-=1; ary.l...

  • 重写数组的方法(改变原数组)

    下图是我自我学习模拟数组时总结的一些重新数组的方法: 本文我们暂不讨论不改变原数组的方法,只谈改变原数组用到的 6...

  • js中的循环遍历方法对比

    JS循环大总结, for, forEach,for in,for of, map区别 map(数组方法): 特性:...

网友评论

      本文标题:数组方法总结

      本文链接:https://www.haomeiwen.com/subject/qjmruttx.html