ES6新增数组方法

摘要:
[1,2,3].包含(2)//真[1,2,3].包含(4)//假

1.扩展运算符可以将数组或者对象转为用逗号分隔的参数序列

let ary = [1, 2, 3];
 ...ary  // 1, 2, 3
 console.log(...ary);    // 1 2 3,相当于下面的代码
 console.log(1,2,3);

2.扩展运算符可以应用于合并数组

 let ary1 = [1, 2, 3];
 let ary2 = [3, 4, 5];
 let ary3 = [...ary1, ...ary2];
 // 方法二 
 ary1.push(...ary2);

3.将类数组和伪数组或可遍历对象转换为真正的数组
构造函数方法:Array.from()

let oDivs = document.getElementsByTagName('div'); 
oDivs = [...oDivs];

//定义一个集合
let arrayLike = {
    '0': 'a',
    '1': 'b',
    '2': 'c',
    length: 3
}; 
//转成数组
let arr2 = Array.from(arrayLike); // ['a', 'b', 'c']

4.实例方法:find() 用于找出第一个符合条件的数组成员,如果没有找到返回undefined

let ary = [{
     id: 1,
     name: '张三'
 }, { 
     id: 2,
     name: '李四'
 }]; 
 let target = ary.find((item, index) => item.id == 2);//找数组里面符合条件的值,当数组中元素id等于2的查找出来,注意,只会匹配第一个

5.findIndex() 用于找出第一个符合条件的数组成员的位置,如果没有找到返回-1

let ary = [1, 5, 10, 15];
let index = ary.findIndex((value, index) => value > 9); 
console.log(index); // 2

6.includes() 判断某个数组是否包含给定的值,返回布尔值。

[1, 2, 3].includes(2) // true 
[1, 2, 3].includes(4) // false

免责声明:文章转载自《ES6新增数组方法》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇python 字符串转时间戳datetime 以及儒略日的转换Apache shiro如何实现一个账户同一时刻只有一个人登录下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

Oracle下定义和输出一个数组

分析: 首先要存在一个数组类型,然后才能去定义数组变量,所以编写PL/SQL如下: declare --定义一个数组类型 type a_type is table of number; a a_type := a_type(); begin a.extend(3); a(1) := 1; a(2) := 2; a(3) := 3...

JSON的数据格式

1. 什么是 JSON       JSON概念很简单,JSON 是一种轻量级的数据格式,他基于 javascript 语法的子集,即数组和对象表示。由于使用的是 javascript 语法,因此JSON 定义可以包含在javascript 文件中,对其的访问无需通过基于 XML 的语言来额外解析。不过在使用 JSON 之前,很重要的一点是理解 javas...

Java的各类型数据在内存中分配情况详解

1.      有这样一种说法,如今争锋于IT战场的两大势力,MS一族偏重于底层实现,Java一族偏重于系统架构。说法根据无从考证,但从两大势力各自的社区力量和图书市场已有佳作不难看出,此说法不虚,但掌握Java的底层实现对Java程序员来说是至关重要的,本文介绍了Java中的数据在内存中的存储。      2 内存中的堆(stack)与栈(heap) ...

vue中的一些用法,持续更新中......

1、跳转用法 @1、在template模板中通常使用router-link to='url' @2、在js中 1、this.$router.push({path: ''/order/index''}); 2、this.$router.push({path: '/order/page1',query:{ id:'2'}}); 3、this.$router...

ecshop 二次开发 函数列表大全

最近进行ecshop的二次开发,整理了一部分的函数,另外在ecshop论坛上面也发现了很多函数说明,整理汇总如下,供大家参考。 所有函数功能说明: lib_time.phpgmtime() P: 获得当前格林威治时间的时间戳 /$0server_timezone() P: 获得服务器的时区 /$0local_mktime($hour = NULL , $mi...

YAML快速入门

docker -compose中使用yaml格式的配置文件,所以准备学习一下这方面的知识,正好网上有一篇写的不错,直接抄了过来,原文连接: https://www.jianshu.com/p/97222440cd08 YAML快速入门 下面立刻展示YAML最基本,最常用的一些使用格式:首先YAML中允许表示三种格式,分别是常量值,对象和数组例如: #即表示...