Object对象方法整理

Object对象

对象方法整理
Object.assign(target,…sources) 用于将所有可枚举属性的值从一个或者多个源对象复制到目标对象，将返回目标对象,参数target是目标对象，参数sources是源对象。

let obj = {
	a: '1',
	b: '2'
}
let obj1 = {
    c: '3'
}
Object.assign({}, obj);   // { a: '1', b: '2' }
Object.assign(obj1, obj); // { a: '1', b: '2', c: '3' }
console.log(obj);         // { a: '1', b: '2' }
console.log(obj1);        // { a: '1', b: '2', c: '3' }

Object.create() 创建一个新对象，使用现有的对象来提供新创建的对象的proto

// new Object() 方式创建
let a = {  rep : 'apple' }
let b = new Object(a)
console.log(b) // {rep: "apple"}
console.log(b.__proto__) // {}
console.log(b.rep) // {rep: "apple"}

// Object.create() 方式创建
let a = { rep: 'apple' }
let b = Object.create(a)
console.log(b)  // {}
console.log(b.__proto__) // {rep: "apple"}
console.log(b.rep) // {rep: "apple"}

Object.is() 用来判断两个值是否是同一个值。

Object.is('haorooms', 'haorooms');     // true
Object.is(window, window);   // true
Object.is('foo', 'bar');     // false
Object.is([], []);           // false
let test = { a: 1 };
Object.is(test, test);       // true
Object.is(null, null);       // true
// 特例
Object.is(0, -0);            // false
Object.is(-0, -0);           // true
Object.is(NaN, 0/0);         // true

Object.keys() 返回一个由一个给定对象的自身可枚举属性组成的数组

let obj = {
	a: '1',
	b: '2'
}
// 传入对象，返回属性名
console.log(Object.keys(obj)) // ["a", "b"]
let obj1 = {
	10: 'a',
	5: 'b',
	12: 'c'
}
// 传入对象，返回属性名
console.log(Object.keys(obj1)) // ["5", "10", "12"]
// 传入字符串，返回下标
let str = "123abc";
console.log(Object.keys(str)) // ["0", "1", "2", "3", "4", "5"]

delete 删除对象某个值

let obj = {
	a: '1',
	b: '2'
}
delete obj['a'];  // true
console.log(obj); // { b: '2' }

Object.entries() 返回一个给定对象自身可枚举属性的键值对数组

// 对象使用
let obj = { a: '1', b: '2' };
console.log(Object.entries(obj));  // [ ['a', '1'], ['b', '2'] ]
let obj1 = { 0: 'a', 1: 'b', 2: 'c' };
console.log(Object.entries(obj1)); // [ ['0', 'a'], ['1', 'b'], ['2', 'c'] ]
// 数组使用
let arr = [1, 2, 3]
console.log(Object.entries(arr));  // [['0', 1], ['1', '2'], ['2', '3']]
// 将 Object 转化为 Map
let object = { a: '1', b: '2' }; 
console.log(Object.entries(obj2));  // [['a', '1'], ['b', '2']]
let map = new Map(Object.entries(object));
console.log(map); // Map {'a' => '1', 'b' => '2'}

对象拷贝

引用类型是直接复制或者赋值的称为浅拷贝

引用类型内部的值的复制与地址无关称为深拷贝

// 浅拷贝
let arr = [1, 2, 3];
let arr1 = arr;
arr1[3] = 4;
console.log(arr1, arr) // [1,2,3,4]  [1,2,3,4]

// 深拷贝 使用 es6 扩展运算符
let arr = [1, 2, 3];
let arr1 = [ ...arr ];
arr1[3] = 4;
console.log(arr1, arr) // [1,2,3,4]  [1,2,3]

// 浅拷贝
let obj1 = {
	a: 1,
	b: 2
};
let obj2 = obj1;
obj2.a = 3;
console.log(obj1, obj2); // { a: 3, b: 2 } { a: 3, b: 2 }

// 深拷贝 Object.assign
let obj1 = {
	a: 1,
	b: 2
};
let obj2 = {};
Object.assign(obj2, obj1);
obj2.a = 3;
console.log(obj1, obj2); // { a: 1, b: 2 } { a: 3, b: 2 }

// 以上两种深拷贝只能进行第一层的深拷贝。多层依旧凉凉
// 多层的话 建议使用 JSON.parse(JSON.stringify()) 来转换
let obj = { a: [1, 2, 3] };
let obj1 = JSON.parse(JSON.stringify(obj));
obj1.a.push(4);
console.log(obj, obj1)  // { a: [1, 2, 3] }  { a: [1, 2, 3, 4] }

Map

Map 可用的 方法

set(key, value) 向其中加入一个键值对
get(key) 若不存在 key 则返回 undefined
has(key) 是否存在key 存在则true
delete(key) 删除成功则返回 true, 若key不存在或者删除失败会返回 false
clear() 将全部元素清除

// 初始化，二维数组
let m = new Map([['a', 1], ['b', 2], ['c', 3]]);
m.get('a'); // 1

// 初始化，空Map
let m = new Map(); // 空Map
m.set('a', 1);     // 添加新的key-value
m.set('a', 2);     // 覆盖掉前面的值
m.has('a');        // 是否存在key   true
m.get('a');        // 2
m.delete('a');     // 删除key
m.get('a');        // undefined

Set

。。。。。。