数组的类
  数组的类是Array
数组的定义
  var arr=[元素]
  var arr=new Array(3) 数字3,代表有三个元素或者三个空位
  如果数组定义采用 new 实例,类中跟的是一个数字 n ,代表有 n 个元素
  var arr=new Array("6") 有一个元素,并且这个元素是6
数组的方法
of 方法
  1. Array 类上的方法
  2. var arr=Array.of(4);console.log(arr); //4 返回一个元素为4的数组
 
 
foreach 方法
  1. 原型上的一个方法,用于对数组遍历,返回值是undefined
  2. var arr = ["xiaopang", "xiaohe", "xiaoxin"];
  arr.forEach((item,index)=>{
    console.log(index)
  })
  3. foreach 没有返回值
 
 map 方法
  1. 遍历数组(原型上的一个方法,返回值是一个数组,所以必须加 return 返回值),将数组一一映射成一个新的数组,内部一定要使用return
  2. var arr = ["xiaopang", "xiaohe", "xiaoxin"];
  var as=arr.map((item,index)=>{
  return item+"123"
  })
  console.log(as)
 
filter 方法
  1. 过滤 从数组中找出所有符合条件的元素,并返回一个新的数组,不改变原有数组
  2. return true 就保留原来的数组,return false 就不保留
  3. 当return 的条件成立就是 true ,不成立就是 false
  4. var arr=[
  {"name":"xiaopang","age":10},
  {"name":"xiaohe","age":20},
  {"name":"xiaoxin","age":25},
  {"name":"pangpang","age":13}
  ]
  var as=arr.filter((item,index)=>{
    return item.age>13
  })
  console.log(as)
  5. var as=arr.filter((item,index)=>{
    return item.age>13
  })
  console.log(as)
  数组里有符合条件的,所以是 true ,所以返回符合条件的新数组
 
find 方法
  1. 对数组逐个查找,当返回值为 true 说明查找到,直接返回结果,不再往下查找了
  2. var as=arr.find((item,index)=>{
    return item.age>13
  })
  console.log(as)
 
every 方法
  1. 看数组中的每个元素是否都满足条件,都满足条件返回的是 true,如果有一个不满足,返回值就是 false
  2. var arr=[
  {"name":"xiaopang","age":10},
  {"name":"xiaohe","age":20},
  {"name":"xiaoxin","age":25},
  {"name":"pangpang","age":13}
  ]
  var as=arr.every((item,index)=>{
  return item.age<=13
  })
  console.log(as)
 
some 方法
  1. 看数组中的元素,是否有满足条件的,有就true ,没有 就是false
  2. var arr=[
  {"name":"xiaopang","age":10},
  {"name":"xiaohe","age":20},
  {"name":"xiaoxin","age":25},
  {"name":"pangpang","age":13}
  ]
  var as=arr.some((item,index)=>{
  return item.age<=13
  })
  console.log(as)
 
reduce 方法
  1. 迭代执行
  2. var arr=[1,2,3,4,5,6,7,8,9,10];
  var as=arr.reduce((prev,item)=>{
  // prev 航一次返回值
  // item 数组的元素,从第二个开始
  console.log(prev);
    return prev+item;
  })
  console.log(as) //55
  3. 注意: 1.从第二个元素开始执行,因为第一个元素没有上一个
  2.第一次执行的返回的是第一个元素 reduce() 的参数是一个回调函数,回调函数中可以放三个参数,第一个 prev 代表上一次执行后的返回值,第二个 item 当前元素,第三个 index 索引值
  3. 如果想让 reduce 从第一个元素开始执行 (默认为第二个),可以在回调函数之后加一个参数,就可以让初始有个默认值
 
面试题
将一个数组转换成对象,属性是数组的元素,属性值是元素的个数
    解答;
      var arr=["item","tom",,"jack","item","jack"];
      var as=arr.reduce((prev,item)=>{
        if(item in prev){
          prev[item]++
        }
        else{
          prev[item]=1;
        }
        return prev
      },{})
      console.log(as);

ES6 数组的方法的更多相关文章

  1. JavaScript ES6 数组新方法 学习随笔

    JavaScript ES6 数组新方法 学习随笔 新建数组 var arr = [1, 2, 2, 3, 4] includes 方法 includes 查找数组有无该参数 有返回true var ...

  2. ES6 数组遍历方法的实战用法总结(forEach,every,some,map,filter,reduce,reduceRight,indexOf,lastIndexOf)

    目录 forEach every some map filter reduce && reduceRight indexOf lastIndexOf 前言 ES6原生语法中提供了非常多 ...

  3. es6数组的方法

    1.复习的函数 函数是由关键字function声明的,他是一个引用数据类型,是Function的实例,在调用的时候会开辟一个私有空间 2.函数的成员 arguments:null  (是实参构成的数组 ...

  4. ES6数组去重方法

    Set实例的方法分为两大类:操作方法(用于操作数据)和遍历方法(用于遍历成员),操作方法有:add(value).delete(value).has(value).clear():遍历方法有:keys ...

  5. es6 数组扩展方法

    1.扩展运算符 含义: 扩展运算符,三个点(...),将一个数组转为用逗号分隔的参数顺序. 例如: console.log([1,2,3]); console.log(...[1,2,3]);   结 ...

  6. es6数组新方法

    (1)Array.from(aarr,fn,obj) function fn(dr, sd, d) { /*Array.from 类数组转化为数组*/ console.log(arguments) v ...

  7. es6 数组新增方法

    1.Array.from(): 这个函数的作用是将类似数组的对象转化为数组,比如DOM对象 let arrayLike = {      "0":"TangSir&quo ...

  8. ES6数组新增方法总结

    关于数组中forEach() .map().filter().reduce().some().every()的总结 let arr = [1, 2, 3, 4, 5] // forEach遍历数组 a ...

  9. ES6 数组去重 方法用了filter或者 indexOf Array.from

随机推荐

  1. CVE-2020-1350 详解与复现

    # 漏洞简介 在Windows上,DNS服务器是域控制器,其管理员是Domain Admins组的一部分.默认情况下,Domain Admins组是已加入域的所有计算机上Administrators组 ...

  2. 在 Apache 上使用网络安全服务(NSS)实现 HTTPS--RHCE 系列(八)

        在 Apache 上使用网络安全服务(NSS)实现 HTTPS--RHCE 系列(八) 发布:linux培训 来源:Linux认证 时间:2015-12-21 15:26 分享到: 达内lin ...

  3. Docker------Linux安装Docker

    1.添加yum源 yum install epel-release –y yum clean all yum list 2.安装并运行Docker yum install docker-io –y s ...

  4. deep

    deepinv20已经解决 sudo apt update && sudo apt upgrade

  5. 对ansible不支持service模块的status命令进行修正

    原生的ansible不支持service.status,在Google之后,发现有人提交了一个patch,可以支持status选项.见https://github.com/ritzk/ansible- ...

  6. 所有的 Unix Like 系统都会内建 vi 文书编辑器。vim 是vi的升级版本,它不仅兼容vi的所有指令 ,而且还有一些新的特性在里面。

    所有的 Unix Like 系统都会内建 vi 文书编辑器.vim 是vi的升级版本,它不仅兼容vi的所有指令 ,而且还有一些新的特性在里面. https://blog.csdn.net/carolz ...

  7. mysql如何设置一个字段,里面是自增的序号(1,2,3,..........)。

    [遇到问题] [可忽略] 想把以前写的留言板搬到我的网站上去,所以要在Mysql上创建一个一mu一样的数据库,表单,字段..................... userid这个字段忘记了如何添加, ...

  8. 1.5linux用户权限相关命令

    用户权限相关命令 目标 用户 和 权限 的基本概念 用户管理 终端命令 组管理 终端命令 修改权限 终端命令 01. 用户 和 权限 的基本概念 1.1 基本概念 用户 是 Linux 系统工作中重要 ...

  9. 设置添加SSH-(转自破男孩)

    很多朋友在用github管理项目的时候,都是直接使用https url克隆到本地,当然也有有些人使用 SSH url 克隆到本地.然而,为什么绝大多数人会使用https url克隆呢? 这是因为,使用 ...

  10. echart实例

    https://www.makeapie.com/explore.html#sort=rank~timeframe=all~author=all