美文网首页
js 数组常用方法

js 数组常用方法

作者: allen_tian | 来源:发表于2018-05-10 01:23 被阅读0次

只有sort()方法改变了原数组,其他方法都没有改变原数组

1、forEach:接收一个函数做为参数,对数组的每个元素执行一次接收的函数
还接收一个可选参数,表示回调函数的this的值
forEach接收的做为参数的函数,接收三个参数,一次代表调用forEach函数的数组的值,下标,数组本身

var arr = [1,2,3,4]
arr.forEach(function(value,key,arr){
  console.log(value,key,arr)
})

for只能遍历数组的下标为数字的项,forEach可以遍历所有的项,forEach没有返回值

2、sort:排序方法

var arr = [1,2,3,4]
arr.sort()//不传参数,默认从小到大排序
arr.sort(function(x,y){ return x-y})

3、join:连接数组的每个元素

var arr = [1,2,3,4]
arr.join()//不传参数默认使用,连接,等同于 arr+'' ,其实是arr调用了toString()

4、concat: 连接数组

var arr = [1,2,3,4]
var b = ['a','b','c']
arr.concat(b)

5、map:与forEach类似,但是不同的是map会返回一个新数组,forEach没有返回值

6、filter:过滤数组,保留结果为true的元素组成一个新的数组返回

var arr = [1,2,3,4]
arr.filter(function(x){
  return x % 2 === 0
})

7、reduce:对数组中的每个数应用一个函数,可以实现map和filter

var arr = [1,2,3,4]
arr.reduce(function(sum,value){
  return sum + value
},0)//0为sum的初始值,之后每一次sum+value的值会赋给sum

reduce实现map

var arr = [1,2,3,4]
arr.reduce(function(array,value){
  array.push(value * 2)
  return array
},[])

reduce实现filter

var arr = [1,2,3,4]
arr.reduce(function(array,value){
  if(value % 2 === 0){
    array.push(value)
  }
  return array
},[])

相关文章

  • js基础了解

    js数组常用遍历方法使用: js数组常用操作方法使用: 基本逻辑运算: 基本字符串操作方法:

  • 数组常用方法

    数组常用方法 一、js数组常用方法: 1、join() Array.join() 方法将数组中所有元素都转换成字...

  • JavaScript数组常用方法

    目录 JS 数组常用API常用属性常用方法常见方法语法解释from方法isArrayconcateveryfill...

  • js 常用方法总结

    字符串的常用属性,概览 Array对象的方法; 详细js数组常用方法大全

  • JS数组常用方法

    @[toc] JS数组方法 数组是 js 中最常用到的数据集合,其内置的方法有很多,熟练掌握这些方法,可以有效...

  • js与ES6数组常用方法区别

    js数组 数组的概念及其定义方式字面量的形式 构造函数 数组的常用方法(依赖于数组使用)获取方法:对象.方法( )...

  • 初识javascript

    js字符串 数组 数组字面量表达方式(推荐) 数组的常用方法push(),pop(),unshift(),shif...

  • js数组常用方法

    前言:js数组自带了很多属性方法,这些方法为我们写程序提供了方便,因此,也是笔试、面试中经常会被问到的,本文总结了...

  • js 数组常用方法

    只有sort()方法改变了原数组,其他方法都没有改变原数组 1、forEach:接收一个函数做为参数,对数组的每个...

  • Js数组常用方法

    //JS数组常用方法及其应用/** * 1.push(): 向数组尾部添加一个或多个元素,并返回添加新元素后的数组...

网友评论

      本文标题:js 数组常用方法

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