ES6 内置对象扩展

ES6 的内置对象扩展

Array 的扩展方法

扩展运算符(展开语法) 扩展运算符可以将数组或者对象转为用逗号分隔的参数序列

let ary = [1, 2, 3];
console.log(...ary);//1 2 3

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

将类数组或可遍历数组转换为真正的数组

1. ...array
2. 构造函数方法: Array.from()

let newAry = Array.from(aryLike,item => item * 2)

• aryLike 被转换的类数组
• item 将处理后的值放入返回的数组，类似于数组的 map 方法

实例方法 find()

用于找出第一个符合条件的数组成员，如果没有找到就返回 undefind

let target = ary.find((item,index) => item.id == 2);

findindex(((value,index) => value > 2)

用于找出第一个符合条件数组成员的位置，如果没有找到就返回 -1

实例方法：includes()

表示某个数组是否包含给定的值，返回布尔值

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

String 的扩展方法

• 模板字符串， Es6新增的创建字符串的方式，使用反引号定义

let name = zhanshan;

• 模板字符串中可以解析变量
• 模板字符串中可以换行
• 模板字符串可以调用函数

实例方法

• starsWith():表示参数字符串是否在原字符串的头部，返回布尔值
• endsWith()：表示参数字符串是否在原字符串的尾部，返回布尔值
• repeat():表示将原字符串重复n次，返回一个新字符串

Set 数据结构

• ES6 提供了新的数据结构 set，它类似于数组，但是成员的值是唯一的，没有重复的值

• set 本身是一个构造函数，用来生成 Set 数据结构,可以接受一个数组作为参数，用来初始化

const s = new Set([1,2.3]);

• size 属性可以查出当前 set 里面有多少值

实例方法

• add(value) 添加某个值，返回 Set 结构本身
• delete(value) 删除某个值，返回一个布尔值，表示是否删除成功
• hav(value) 返回一个布尔值，表示该值是否为 Set 的成员
• clear() 清除所有成员，没有返回值

遍历

Set 结构的实例与数组一样，也拥有 forEach 方法，用于对每个成员执行某种操作，没有返回值

s.forEach(value => console.log(value))