美文网首页
js胖的ES6教程7:ES6中新增的数组知识

js胖的ES6教程7:ES6中新增的数组知识

作者: 小白之白小明 | 来源:发表于2017-12-10 22:14 被阅读37次

Array.from()方法

把 json 代码转换为数组

let json = {
    '0':'xiao',
    '1':'xiao',
    '2':'meng',
    length:3
}
console.log(Array.from(json))

//输出
["shao", "xiao", "meng"]

这是一个标准的JSON数组格式,跟普通的JSON对比是在最后多了一个length属性。只要是这种特殊的json格式都可以轻松使用ES6的语法转变成数组。

Array.of()方法

把一堆文本转换为数组,这一堆文本可以是数字或字符串

//转换数字
let num = Array.of(2,3,4,5,6)
console.log(num)

//输出
[2, 3, 4, 5, 6]
//转换字符串
console.log(Array.of('xiao','xiao','meng'))

//输出
["xiao", "xiao", "meng"]

find( )实例方法:

实例方法就是并不是以Array对象开始的,而是必须有一个已经存在的数组,然后才使用的方法,这就是实例方法(不理解请看下边的代码,再和上边的代码进行比对,你会有所顿悟)。这里的find方法是从数组中查找。在find方法中我们需要传入一个匿名函数,函数需要传入三个参数:

value:表示当前查找的值
index:表示当前查找的数组索引值,即下标
arr:表示当前数组

在函数中如果找到符合条件的数组元素就立即return,并停止查找。

let arr=[1,2,3,4,5,6,7,8,9];
console.log(arr.find(function(value,index,arr){
    return value > 5;
}))

//输出
6

控制台输出了6,说明找到了符合条件的值,并进行返回了,如果找不到会显示undefined。

相关文章

  • js胖的ES6教程7:ES6中新增的数组知识

    Array.from()方法 把 json 代码转换为数组 这是一个标准的JSON数组格式,跟普通的JSON对比是...

  • JavaScript数组(Array)方法大全

    js中数组的方法种类众多,有ES5之前版本中存在的,ES5新增,ES6新增等;并且数组的方法还有原型方法和从obj...

  • JavaScript数组(Array)方法大全

    js中数组的方法种类众多,有ES5之前版本中存在的,ES5新增,ES6新增等;并且数组的方法还有原型方法和从obj...

  • 新增的数组方法

    ES6新增的数组方法 关于数组中forEach() 、map()、filter()、reduce()、some()...

  • js常用数组处理方法

    Array常用方法: 1、改变原数组 2、不改变原数组 3、Es5新增 4、Es6新增方法7个

  • es6学习(二)---数组操作

    ES6中新增的数组知识 JSON数组格式转换JSON的数组格式就是为了前端快速的把JSON转换成数组的一种格式Ar...

  • ES6中的Set集合

    在ES6中,出现了新的概念:Set集合和Map集合。在ES6之前,数组是JS中唯一的集合类型。如果对数组有深入理解...

  • ES6 数组扩展 JavaScript

    [JavaScript数组]一篇中介绍了ES6之前的数组方法。本篇介绍一下ES6里新增的数组方法。 keys,va...

  • JavaScript数组(ES6)

    JavaScript数组一篇中介绍了ES6之前的数组方法。本篇介绍一下ES6里新增的数组方法。 find,find...

  • es6基础知识3(迭代)

    title: es6基础知识3(迭代)tags: 迭代categories: 前端 1. 迭代器 es6中新增了迭...

网友评论

      本文标题:js胖的ES6教程7:ES6中新增的数组知识

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