【ES6】对象、数组、字符串常用API

 ♡ ‧₊˚ 对象API拓展‧₊˚ ♡

         is 

 比较两个数是否相等 返回值&＃xff1a;true/false

console.log(Object.is(&＃43;1,-1)); // false
console.log(Object.is(&＃43;0,-0)); // false
console.log(&＃43;0&＃61;&＃61;&＃61;-0); // true
console.log(NaN&＃61;&＃61;&＃61;NaN); // false
console.log(Object.is(NaN,NaN)); // true

        assign  

• 两个参数时&＃xff08;复制对象&＃xff0c;被复制对象&＃xff09;&＃xff1a;复制/拷贝&＃xff0c;返回值是第一个参数

// 把第二个参数复制给第一个参数
let res &＃61; Object.assign(obj,obj1);
console.log(res, obj); //{ name: &＃39;zzy&＃39;, age: 17 } { name: &＃39;zzy&＃39;, age: 17 }
console.log(res&＃61;&＃61;&＃61;obj); // true

• 三个参数是合并对象&＃xff0c;&＃xff08;合并对象1&＃xff0c;合并对象2&＃xff0c;合并对象3&＃xff09;&＃xff0c;返回值是第一个参数

let obj2 &＃61; {};
let obj3 &＃61; {name:"fhj"}
let obj4 &＃61; {gender:"female"};
let res1 &＃61; Object.assign(obj2,obj3,obj4);
console.log(res1, obj2); // { name: &＃39;fhj&＃39;, gender: &＃39;female&＃39; } { name: &＃39;fhj&＃39;, gender: &＃39;female&＃39; }

.获取原型对象的方法

let obj5 &＃61; {name:"xiao"};console.log(obj5.__proto__); // [Object: null prototype] {}console.log(obj5.constructor.prototype);  // [Object: null prototype] {}console.log(Object.getPrototypeOf(obj5)); // [Object: null prototype] {}

设置原型对象中的方法

Object.setPrototypeOf(obj,obj1) // 将obj的原型对象设置为obj1console.log(obj.__proto__); // { name: &＃39;zzy&＃39;, age: 17, class: { number: &＃39;222&＃39; } }console.log(obj.constructor.prototype);  // [Object: null prototype] {}console.log(Object.getPrototypeOf(obj));  // { name: &＃39;zzy&＃39;, age: 17, class: { number: &＃39;222&＃39; } }

Object.keys()  | Object.values()   | Object.entries() 

console.log(Object.keys(obj),"返回键值组成的数组"); // [ &＃39;name&＃39;, &＃39;age&＃39;, &＃39;class&＃39; ] 返回键值组成的数组
console.log(Object.values(obj),"返回值组成的数组"); // [ &＃39;ts&＃39;, 17, { number: &＃39;222&＃39; } ] 返回值组成的数组
console.log(Object.entries(obj),"返回键值对组成的数组"); // [ [ &＃39;name&＃39;, &＃39;ts&＃39; ], [ &＃39;age&＃39;, 17 ], [ &＃39;class&＃39;, { number: &＃39;222&＃39; } ] ] 返回键值对组成的数组


fromEntries()

用于把二维数组还原成对象

console.log(Object.fromEntries(Object.entries(obj)));
// { name: &＃39;ts&＃39;, age: 17, class: { number: &＃39;222&＃39; } }

 ♡ ‧₊˚ 数组API拓展‧₊˚ ♡

Array.from();

将类数组对象转换为数组

console.log(Array.from("hello")); // [ &＃39;h&＃39;, &＃39;e&＃39;, &＃39;l&＃39;, &＃39;l&＃39;, &＃39;o&＃39; ]

Array.of();

创建数组实例

let a &＃61; Array.of(10, "hello");console.log(a); // [ 10, &＃39;hello&＃39; ]

Array.prototype.find((item)&＃61;>{})

 find方法返回第一个满足条件的元素或者undefined&＃xff0c; 参数是回调函数

var arr &＃61; [1, 2, 3, 4, 5];let res &＃61; arr.find((item, index, arr) &＃61;> {return item > 3; });console.log(res); // 4 (元素)

Array.prototype.findIndex();

返回第一个满足条件的元素的索引或者-1&＃xff0c; 参数是回调函数

var arr &＃61; [1, 2, 3, 4, 5];
let res1 &＃61; arr.findIndex((item, index, arr) &＃61;> {return item > 4;});
console.log(res1); // 4 (索引)

Array.prototype.includes();

includes是否包含某个元素&＃xff0c;返回true/false

var arr &＃61; [1, 2, 3, 4, 5];
console.log(arr.includes(300)); // false

Array.prototype.fill()

用来填充数组,修改原数组

var arr &＃61; [1, 2, 3, 4, 5];
arr.fill(8); //参数 返回值 修改原数组
console.log(arr); // [ 8, 8, 8, 8, 8 ]

flat()

数组扁平化

var arr1 &＃61; [1,2,[3,[4],5],6,7,8]console.log(arr1.flat(2)); // 参数为层级深度参数&＃xff08;默认为1&＃xff09;

flatMap()  

flat &＃43; map   通过对map调整后的数据尝试展平操作

var arr2 &＃61; [1,2,3,[4,5,6]]
// 需求&＃xff1a;将数组中的每个元素展平再乘以2
let b &＃61; arr2.flatMap((item)&＃61;>{if(typeof item&＃61;&＃61;&＃61;&＃39;number&＃39;){return item*2;}else{return item.map(item&＃61;>{return item*2;})}
})
console.log(b); // [ 2, 4, 6, 8, 10, 12 ]

 ♡ ‧₊˚ 字符串API拓展‧₊˚ ♡

trimStart()

去除前面的空格

let str &＃61; " Taylor Swift ";
console.log(str &＃43; &＃39;22&＃39;);
console.log(str.trimStart());

trimEnd()

去除后面的空格

let str &＃61; " Taylor Swift ";
console.log(str &＃43; &＃39;22&＃39;);
console.log(str.trimEnd() &＃43; &＃39;22&＃39;);

padStart padEnd 

填充字符串,  参数&＃xff08;填充完的字符串长度&＃xff0c;填充的字符串&＃xff09;

如果没有第二个参数&＃xff0c;则自动用空格填充

let str &＃61; " Taylor Swift ";
console.log(str.padStart(15)); // Taylor Swift
console.log(str.padEnd(20,&＃39;Alison&＃39;)); // Taylor Swift Alison


replace()

替换

let str1 &＃61; &＃39;111222333&＃39;;
// 将1替换成x
console.log(str1.replace(&＃39;1&＃39;,&＃39;x&＃39;));
// 用正则表达式开启g模式全局替换
console.log(str1.replace(/1/g,&＃39;x&＃39;));