js 对象/数组/字符串常见的几个方法(不熟悉的汇总)

对象

Object.assign()

方法用于对象的合并，将源对象（source）的所有可枚举属性，复制到目标对象（target）

常用于引用值浅拷贝Object.assign({}, obj)

给对象新增属性Object.assign(obj, obj1)

Object.keys()/Object.values()/Object.entries()

只能遍历  可遍历（enumerable）的属性

let {keys, values, entries} = Object;
let obj = { a: 1, b: 2, c: 3 };

for (let key of keys(obj)) {
  console.log(key); // 'a', 'b', 'c'
}

for (let value of values(obj)) {
  console.log(value); // 1, 2, 3
}

for (let [key, value] of entries(obj)) {
  console.log([key, value]); // ['a', 1], ['b', 2], ['c', 3]
}

Object.create()

Object.defineProperty

数组

arr.find()

用于找出第一个符合条件的数组成员。它的参数是一个回调函数，所有数组成员依次执行该回调函数，直到找出第一个返回值为true的成员，然后返回该成员。如果没有符合条件的成员，则返回undefined。

[1, 4, -5, 10].find((n) => n < 0)
// -5

Array.reduce()

 reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。对空数组是不会执行回调函数的。

const arr = [1,2,3,4,5];
const total = arr.reduce(function(sum,item){
      return sum + item
}, 0);
console.log('======total',total);        //15

字符串

str.padStart() /padEnd()

如果某个字符串不够指定长度，会在头部或尾部补全。padStart()用于头部补全，padEnd()用于尾部补全。

'x'.padStart(4, 'ab') // 'abax'

padStart()的常见用途是为数值补全指定位数

'123456'.padStart(10, '0') // "0000123456"

String.raw()

用来处理模板字符串，它会将所有变量替换，而且对斜杠进行转义(即再加一个\)，方便下一步作为字符串来使用。

String.raw`Hi\n${2+3}!`
// 实际返回 "Hi\\n5!"，显示的是转义后的结果 "Hi\n5!"

for in 与 for of

JSON.stringify() 与  Json.parse()

JSON.stringify()   javascript值  ---->  字符串

Json.parse()   字符串  --->   javascript值

常用于引用值深拷贝    JSON.parse(JSON.stringify(obj))