ES6个人学习笔记

Array的扩展方法

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

作用：将一个伪数组或者可遍历对象转换为真正的数组

 <script>
        var array = {
            0: 1,
            1: "honey",
            length: 2
        }
        let arr = Array.from(array);
        console.log(arr);// [1, "honey"]



    </script>

实例方法:find()

作用：返回数组中通过测试的第一个元素值

  var array = [1, 3, 6];
  let arr2 = array.find(item => item > 2);
  console.log(arr2);//3

实例方法:findIndex()

作用：返回数组中通过测试的第一个数组元素下表

 var array = [1, 3, 6];
 let arr2 = array.findIndex(item => item > 2);
 console.log(arr2);//1

实例方法：includes()

作用：检查某个数组中是否包含给定的值，返回布尔值

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

String的扩展方法

实例方法：startsWith() 和endsWith()

startsWith():检查参数字符是否在原字符串的头部，返回布尔值

endsWith：检查参数字符是否在原字符串的尾部，返回布尔值

let str = "hello word!"
str.startsWith("h");// true
str.endsWith("!");// true

实例方法：repeat()

作用：把原字符串重复多次

let str = 'x';
str = str.repeat(3);
console.log(str);// xxx

set数据结构

类似于数组，但是成员的值都是唯一的，没有重复的值。

可用于存储用户搜索列表，因为用户可能多次搜索统一内容。

Set本身就是一个构造函数，用来生成Set数据结构。

const s = new Set();

也可以接收一个数组作为参数，用来初始化。

const set = new Set([1,2,3,4]);

利用Set结构动态去除重复值

const s3 = new Set(['a','b','a','b']);
console.log(s3.size); // 2
const arr = [...3];
console.log(arr); //['a','b']

实例方法：

add（value）：添加某个值，返回Set结构本身

delete(value) : 删除某个值，返回一个布尔值

has（value）：检查指定值是否是Set成员，返回一个布尔值

clear（）：清除所有成员，没有返回值