2.知识剖析

下面是介绍es6中常用的字符串、数组、对象的扩展及应用

includes方法

includes()：返回布尔值，表示是否找到了参数字符串。

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

该方法的第二个参数表示搜索的起始位置，默认为0。如果第二个参数为负数， 则表示倒数的位置，如果这时它大于数组长度（比如第二个参数为-4，但数组长度为3）， 则会重置为从0开始。

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

字符串repeat()

'x'.repeat(3) // "xxx"
'hello'.repeat(2) // "hellohello"
'na'.repeat(0) // ""
            

'na'.repeat(Infinity)
// RangeError
'na'.repeat(-1)
// RangeError
            

数组 entries()，keys() 和 values()

for (let index of ['a', 'b'].keys()) {
  console.log(index);
}
// 0
// 1

for (let elem of ['a', 'b'].values()) {
  console.log(elem);
}
// 'a'
// 'b'

for (let [index, elem] of ['a', 'b'].entries()) {
  console.log(index, elem);
}
// 0 "a"
// 1 "b"
            

对象的Object.keys()，Object.values()，Object.entries()

var obj = { foo: 'bar', baz: 42 };
Object.keys(obj) //["foo", "baz"]
Object.values(obj) //[bar,42]
Object.entries(obj)//[["foo", "baz"],[bar,42]]
            

类数组转为数组

let haorooms = {
    '0': 'a',
    '1': 'b',
    '2': 'c',
    length: 3
};
 let arr2 = Array.from(haorooms); // ['a', 'b', 'c']
            

数组实例的 find() 和 findIndex()

[1, 4, -5, 10].find((n) => n < 0)
// -5
上面代码找出数组中第一个小于 0 的成员

[1, 5, 10, 15].find(function(value, index, arr) {
  return value > 9;
}) // 10
上面代码中，find方法的回调函数可以接受三个参数，依次为当前的值、当前的位置和原数组。
            

[1, 5, 10, 15].findIndex(function(value, index, arr) {
  return value > 9;
}) // 2
            

super 关键字

const proto = {
  foo: 'hello'
};

const obj = {
  foo: 'world',
  find() {
    return super.foo;
  }
};

Object.setPrototypeOf(obj, proto);
obj.find() // "hello"