ES6对象API/数组 拓展

对象API拓展

1.Object.is(a,b); 判断a和b的值是否相等

console.log(1===1);//true
console.log(Object.is(1,1));//true
console.log(Object.is(1,2));//false
console.log(+0===-0)//true
console.log(Object.is(+0,-0));//false
console.log(NaN===NaN);//false
console.log(Object.is(NaN,NaN));//true

2.Object.assign(o,obj); 两个参数实现对象复制、拷贝 第一个参数是目标对象。基本数据类型实现深拷贝，引用数据类型实现半深拷贝

 let o={};
    let obj={
        name:"zhangsan",
        age:12,
    }
  let result=Object.assign(o,obj);//把obj中的内容复制到o对象当中并返回o对象
  console.log(o)
  console.log(result)
  console.log(o===result)

 Object.assign(o,obj,obj1); //三个参数代表的是合并对象obj,obj1到o当中并返回o对象
 let o={}
 let obj={
 name:"zhangsan",
    age:12
 
 }
 let obj1={
     name:"lisi"
    gender:1
 
 }
 let result=Object.assign(o,obj,obj1);
 console.log(o)
 console.log(result)

3.获取原型对象中的方法

Object.getPrototypeOf()
let obj={
name:"",
age:1
}
console.log(obj.__proto__);
console.log(obj.constructor.prototype)
console.log(Object.getPrototypeOf(obj))

4.设置原型对象中的方法

Object.setPrototypeOf(obj,obj1) 设置obj的原型对象为obj1
Object.setPrototypeOf(obj,obj1);
console.log(obj.__proto__);
console.log(obj.constructor.prototype)
console.log(Object.getPrototypeOf(obj));

5.Object.keys() Object.values() Object.entries()

let obj={
name:'terry',
age:12
}
// 获取所有属性名组成的数组
console.log(Object.keys(obj));
// 获取所有属性值组成的数组
console.log(Object.values(obj));
// 获取键值对组成的数组
console.log(Object.entries(obj));

6.Object.fromEntries()用于把键值对还原成对象结构。

console.log(Object.fromEntries(Object.entries(obj)));

数组在静态方法与实例方法中都有所拓展

1.Array.from();//将类数组对象转换为数组  //NodeList
//es5 Array.prototype.slice.call('类数组对象',0)

2.Array.of();//参数是数组元素，为了解决new Array(10)传递一个数组,创建length
    let a=Array.of(10,'hello')
    console.log(a)

3.Array.prototype.find((item)=>{}) find方法返回第一个满足条件的元素或者undefined 参数回调函数
  let arr=[1,2,3,2,3];
    let result=arr.find((item)=>{
        return item>2
    })
    console.log(result)

4.Array.prototype.findIndex();//参数回调函数
    findIndex返回第一个满足条件的元素的索引或者-1
     let arr=[1,2,3,2,3];
    let result=arr.findIndex((item)=>{
        return item>2
    })
    console.log(result)

5.Array.prototype.includes(); includes是否包含某个元素，返回true/false
    console.log(arr.includes(300));

6.Array.prototype.fill() 用来填充数组,修改原数组
    arr.fill(8);
    console.log(arr)  //参数 返回值 修改原数组

7.Array.prototype.keys()

8.Array.prototype.values()

9.Array.prototype.entries()
//keys,values,entries变量当前是迭代器对象
let arr     = [2, 3, 4, 5, 6, 2];
let keys=arr.keys();
let values = arr.values();
let entries = arr.entries();
console.log(keys, values, entries); // 迭代器实现了Iterator接口，只要有实现了Iterator接口就可以for-of遍历

10.Array.prototype.flat()
把数组展平是Array原型给我们带来的新特性，通过传入层级深度参数（默认为1），来为下层数组提升层级。如果想提升所有层级可以写一个比较大的数字甚至是Infinity，当然不推荐这么做。
[1, 2, [3, 4]].flat();           // [ 1, 2, 3, 4 ]
[1, 2, [3, 4, [5, 6]]].flat(2);  // [ 1, 2, 3, 4, 5, 6 ]

11.Array.prototype.flatMap()
它是 Array.prototype.map() 和Array.prototype.flat()的组合，通过对map调整后的数据尝试展平操作。
[1, 2, [3, 4]].flatMap(v => {
  if (typeof v === 'number') {
    return v * 2
  } else {
    return v.map(v => v * 2)
  }
})
// [2, 4, 6, 8]