几个有用的ES6数组方法

1. fill()

  arr.fill(value, [start], [end])

  fill()方法向数组的开始位置到结束位置填充一个静态值

  参数:

    value: 要填充的值

    start: 可选。开始位置,默认为0

    end: 可选。结束位置,默认为length-1

  返回: 被改变的数组

  注意:

    fill() 方法会改变数组本身并返回它,而不是返回一个copy

    fill() 方法并不强制第一个参数必须是数组,它可以用在其他对象上

  

2. find()

  arr.find(callback[, thisArg])

  find()方法返回数组中满足某个条件的一个值

  参数:

    callback: 对数组元素执行的测试函数,该函数接受3个参数:value,index,array,和map()一类的方法相同

    thisArg: 可选。callback执行时的this指向的对象(一般不用)

  返回: 满足测试函数的第一个值,若没有满足测试函数的元素,返回undefined

  

3. findIndex()

  arr.find(callback[, thisArg])

  类似find(),不同的是它返回元素的索引  

  

时间: 2024-08-15 03:45:36

几个有用的ES6数组方法的相关文章

JavaScrip ES6数组方法

ES6提供的两个静态方法: Array.from Array.of ES6提供操作.填充和过滤数组的方法: Array.prototype.copyWidthin Array.prototype.fill Array.prototype.find Array.prototype.findIndex ES6中有关于数组迭代的方法: Array.prototype.keys Array.prototype.values Array.prototype.entries Array.prototype[

es6新增的数组方法和对象

es6新增的遍历数组的方法,后面都会用这个方法来遍历数组,或者对象,还有set,map let arr=[1,2,3,4,3,2,1,2]; 遍历数组最简洁直接的方法法 for (let value of arr) { console.log(value);//输出1,2,3,4,3,2,1,2 } 1. 数组.map() 返回一个新的数组,es5要复制一个新的数组我们一般用循环,现在直接用map let arr=[1,2,3,4,3,2,1,2]; let newArr=arr.map((va

ES6的数组方法之Array.from

首先说说什么是数组:数组在类型划分上归为Object,属于比较特殊的对象,数组的索引值类似于对象的key值. 数组的几个注意点: 1.数组的长度是可读属性,不可更改,数组的长度根据索引最大值. 2.数组的索引值可以是字符串等,但这个不影响数组的长度. 3.数组根据下标最大值,会自动补齐对应的其他索引值,且值为空. ES6新增了数组的一系列方法,如Array.of,Array.from,Array.find等等 数组与类数组的最大区别在于数组自身具有迭代器iterator Array.from  

JavaScript ES6 数组新方法 学习随笔

JavaScript ES6 数组新方法 学习随笔 新建数组 var arr = [1, 2, 2, 3, 4] includes 方法 includes 查找数组有无该参数 有返回true var includes = arr.includes(2) map方法 map 遍历处理返回新数组 原数组不会改变 var map = arr.map(function (item) { return ++item }) reduce方法 reduce 遍历处理数组返回结果 prev与next中间的符号以

ES6数组扩展

前面的话 数组是一种基础的JS对象,随着时间推进,JS中的其他部分一直在演进,而直到ES5标准才为数组对象引入一些新方法来简化使用.ES6标准继续改进数组,添加了很多新功能.本文将详细介绍ES6数组扩展 创建数组 在ES6以前,创建数组的方式主要有两种,一种是调用Array构造函数,另一种是用数组字面量语法,这两种方法均需列举数组中的元素,功能非常受限.如果想将一个类数组对象(具有数值型索引和length属性的对象)转换为数组,可选的方法也十分有限,经常需要编写额外的代码.为了进一步简化JS数组

Javascript中数组方法以及数组方法的扩展--基础篇

最近一直在努力的恶补javascript中的各种知识,比如说闭包,作用域,继承,构造函数,变量,内置对象等概念.同时,也在学习着ES6的新知识.最近想给大家分享的就是数组实例方法的练习以及如何去扩展一个数组方法. 以下的分享会分为如下内容 1.数组实例方法的练习 1.1:reduce() 1.2:map() 1.3:sort() 1.4:slice() 1.5:push() 1.6:实例方法习题 2.数组方法的扩展 1.数组实例方法的练习 首先,我们应该知道数组实例方法有哪些. console.

【翻译】JavaScript中5个值得被广泛使用的数组方法

原文地址:http://colintoh.com/blog/5-array-methods-that-you-should-use-today?utm_source=javascriptweekly&utm_medium=email 在2009年十月ECMAScript 5被定义正式规范以来,一些可以提高工作效率的数组方法被提出.但是,由于ES5糟糕的浏览器支持率,这些方法并未被开发者广泛使用. “多余的”数组方法 没有人会质疑这些方法的可用性,但是如果针对它们而编写polyfill(关于pol

数组的复制及ES6数组的扩展

一.数组的复制 // alert([1,2,3]==[1,2,3]); let cc = [0,1,2]; let dd = cc; alert(dd==cc);//此时改变dd会影响cc ES5 只能用变通方法来复制数组. const a1 = [1, 2]; const a2 = a1.concat(); a2[0] = 2; a1 // [1, 2] //使用ES6语法会防止这种现象出现 const a1 = [1, 2]; // 写法一 const a2 = [...a1]; // 写法

4个错误使用JavaScript数组方法的案例

译者按: 做一个有追求的工程师,代码不是随便写的! 原文: Here's how you can make better use of JavaScript arrays 译者: Fundebug 为了保证可读性,本文采用意译而非直译.另外,本文版权归原作者所有,翻译仅用于学习. 小编推荐:Fundebug专注于JavaScript.微信小程序.微信小游戏,Node.js和Java线上bug实时监控.真的是一个很好用的bug监控服务,众多大佬公司都在使用. 我保证这是一篇可以快速阅读并吸收的文章