js⾥⾯Object的⼀些⽅法
1、Object.freeze()
阻⽌修改现有属性的特性和值，并阻⽌添加新属性
两种⽤法：Object.freeze( { } ) 和 Object.freeze( object )
<script type="text/javascript">
let a = {};
a.sex = '男';
console.log(a.sex, 111);//男 111
Object.freeze(a);
a.sex = '⼥';
console.log(a.sex, 222);//男 222 修改属性⽆效
</script>
<script type="text/javascript">
let b = Object.freeze({
name: "piter",
age: 10
});
console.log(b.name,333); //piter 333
b.name = "bob";
console.log(b.name,444); //piter 444 修改属性⽆效
</script>
2、Object.assign(target,source1,source2,...)
该⽅法主要⽤于对象的合并，将源对象source的所有可枚举属性合并到⽬标对象target上，此⽅法只拷贝源对象的⾃⾝属性，不拷贝继承的属性。Object.assign⽅法实⾏的是浅拷贝，⽽不是深拷贝。也就是说，如果源对象某个属性的值是对象，那么⽬标对象拷贝得到的是这个对象的引⽤。同名属性会替换。
Object.assign只能进⾏值的复制，如果要复制的值是⼀个取值函数，那么将求值后再复制。
Object.assign可以⽤来处理数组，但是会把数组视为对象。
<script type="text/javascript">
let target = {
age: 10,
page: 1
};
let objA = {
age: 12,
year: 20,
newObj: {
sex: '男'
}
};
Object.assign(target, objA);
console.log(target, '拷贝之后')
//            {
//                age:12,
//                newObj: {
/
/                    sex: '⼥'
//                },
//                page: 1
//                year: 20,
//            }
js合并两个数组//拷贝之后
// 同名属性会被覆盖
console.wObj.sex, '修改拷贝后对象⾥⾯的属性') //⼥修改拷贝后对象⾥⾯的属性
function Person() {
this.name = 'bob'
};
Person.prototype.age = 20;
let man = new Person();
man.age = 29;
let obj = {
sex: '男'
};
Object.assign(obj, man);
console.log(obj, '构造函数拷贝后的属性===')
//{sex: "男", name: "bob", age: 29} "构造函数拷贝后的属性==="
// 只能拷贝⾃⾝的属性，不能拷贝prototype
3、ate() --- ate(prototype[,propertiesObject]) 和 new Object()的区别
propertiesObject ：可选。该参数对象是⼀组属性与值，该对象的属性名称将是新创建的对象的属性名称，值是属性描述符（这些属性描述符的结构与
Object.defineProperties()的第⼆个参数⼀样）。注意：该参数对象不能是 undefined ，另外只有该对象中⾃⾝拥有的可枚举的属性才有效，也就是说该对象
的原型链上属性是⽆效的。
4、Object.defineProperties(obj,props)
直接在⼀个对象上定义新的属性或修改现有属性，并返回该对象。
4、Object.defineProperty(obj,prop,descriptor)
obj---需要定义属性的对象；
prop---需定义或修改的属性的名字；
Object.assign([1, 2, 3], [4, 5])
console.log(Object.assign([1, 2, 3], [4, 5]), '数组使⽤该⽅法===')
// [4, 5, 3]
// 把数组当作对象来处理
</script>
<script type="text/javascript">
var  o = ate(Object.prototype, {
/
/ foo 会成为所创建对象的---数据属性
foo: {
enumerable:false ,//对象属性是否可通过for-in 循环，flase 为不可循环，默认值为true
writable: true ,////对象属性是否可修改,flase 为不可修改，默认值为true
configurable: true ,////能否使⽤delete 、能否需改属性特性、或能否修改访问器属性、，false 为不可重新定义，默认值为true
value: "goodnice"
},
// bar 会成为所创建对象的 ---访问器属性
bar: {
configurable: false ,
get: function () {
return  10
},
set: function (value) {
console.log("Setting `o.bar` to", value);
}
}
});
console.log(o, '对象');
//{foo:'goodnice'}
var  test = ate(null );
console.log(test);
/
/ {} No Properties
//也就是在对象本⾝不存在属性跟⽅法，原型链上也不存在属性和⽅法;
</script>
<script type="text/javascript">
var  obj = {};
Object.defineProperties(obj, {
'property1': {
value: true ,
writable: true
},
'property2': {
value: 'Hello,word',
writable: false
}
});
console.log(obj)
// {property1: true, property2: "Hello,word"}
</script>
descriptor---将被定义或修改的属性的描述符；
在⼀个对象上定义⼀个新属性，或者修改⼀个对象的现有属性，并返回这个对象。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>test</title>
</head>
<body>
<div id="test">这是⼀个测试</div>
<script>
var test = ElementById("test");
var data = {};
var i =0;
Object.defineProperty(data, "b", {
set: function(newValue) {
//当data.b的值改变的时候更新＃test的视图
},
get: function() {}
});
setInterval(function() {
i++;
data["b"] ="data.b的值更新了，视图更新"+ i;
}, 1000);
</script>
</body>
</html>
configurable
当且仅当该属性的 configurable 为 true 时，该属性描述符才能够被改变，也能够被删除。默认为 false。
enumerable
当且仅当该属性的 enumerable 为 true 时，该属性才能够出现在对象的枚举属性中。默认为 false。
数据描述符同时具有以下可选键值：
value
该属性对应的值。可以是任何有效的 JavaScript 值（数值，对象，函数等）。默认为 undefined。
writable
当且仅当该属性的 writable 为 true 时，该属性才能被赋值运算符改变。默认为 false。
存取描述符（第三个参数对象）同时具有以下可选键值：
get
⼀个给属性提供 getter 的⽅法，如果没有 getter 则为undefined。当我们读取某个属性的时候，其实是在对象内部调⽤了该⽅法，此⽅法必须要有return语句。该⽅法返回值被⽤作属性值。默认为 undefined。
set
⼀个给属性提供 setter 的⽅法，如果没有 setter 则为 undefined。该⽅法将接受唯⼀参数，并将该参数的新值分配给该属性。默认为 undefined。也就是说，当我们设置某个属性的时候，实际上是在对象的内部调⽤了该⽅法。
要注意的⼀点是：在 descriptor 中不能同时设置访问器（get 和 set）和 wriable 或 value，否则会错，就是说想⽤ get 和 set，就不能⽤ writable 或 value 中的任何⼀个。
5、hasOwnProperty()
判断对象⾃⾝属性中是否具有指定的属性。
obj.hasOwnProperty('name')
6、OwnPropertyDescriptor(obj,prop)
返回指定对象上⼀个⾃有属性对应的属性描述符。（⾃有属性指的是直接赋予该对象的属性，不需要从原型链上进⾏查的属性）
如果指定的属性存在于对象上，则返回其属性描述符对象（property descriptor），否则返回 undefined。
7、OwnPropertyDescriptors(obj)
获取⼀个对象的所有⾃⾝属性的描述符。
<script>
var obj = {
name: 'bob',
age: 18
}
console.OwnPropertyDescriptors(obj))
</script>
8、OwnPropertyNames()
返回⼀个由指定对象的所有⾃⾝属性的属性名（包括不可枚举属性但不包括Symbol值作为名称的属性）组成的数组。<script>
var obj = {
age: 10,
sex: "男",
name: "bob"
};
console.log(val,'遍历的值');// age sex name 拿到的是实际是对象的键key
});
var obj = {
x: 1,
y: 2
}
Object.defineProperty(obj, 'z', {
enumerable: false
})
console.OwnPropertyNames(obj)) // ["x", "y", "z"] 包含不可枚举属性。
console.log(Object.keys(obj)) // ["x", "y"]      只包含可枚举属性。
</script>
9、Object.is()
判断两个值是否相同。
如果下列任何⼀项成⽴，则两个值相同：
两个值都是 undefined
两个值都是 null
两个值都是 true 或者都是 false
两个值是由相同个数的字符按照相同的顺序组成的字符串
两个值指向同⼀个对象
两个值都是数字并且
都是正零 +0
都是负零 -0
都是 NaN
都是除零和 NaN 外的其它同⼀个数字
<script>
Object.is('foo', 'foo');
console.log(Object.is('foo', 'foo'))// true
Object.is(window, window);
console.log(Object.is(window, window))// true
Object.is('foo', 'bar');
console.log(Object.is('foo', 'bar'))// false
Object.is([], []);
console.log(Object.is([], []))// false
var test = {
a: 1
};
Object.is(test, test);
console.log(Object.is(test, test))// true
Object.is(null, null);
console.log(Object.is(null, null))// true
// 特例
Object.is(0, -0);
console.log(Object.is(0, -0))// false
Object.is(-0, -0);
console.log(Object.is(-0, -0))// true
Object.is(NaN, 0 / 0);
console.log(Object.is(NaN, 0 / 0))// true
</script>
10、Object.keys(obj)
返回⼀个由⼀个给定对象的⾃⾝可枚举属性组成的数组，数组中属性名的排列顺序和使⽤ in 循环遍历该对象时返回的顺序⼀致（两者的主要区别是⼀个 for-in 循环还会枚举其原型链上的属性）。
<script>
let arr = ["a", "b", "c"];
console.log(Object.keys(arr));
//["0", "1", "2"]
/* Object 对象 */
let obj = {
age: 20,
sex: '男'
},
keys = Object.keys(obj);
console.log(keys);
//["age", "sex"]
</script>
11、Object.values()
⽅法返回⼀个给定对象⾃⼰的所有可枚举属性值的数组，值的顺序与使⽤in循环的顺序相同 ( 区别在于 for-in 循环枚举原型链中的属性 )。
<script>
var obj = {
10: 'a',
1: 'b',
2: 'c'
};
console.log(Object.values(obj));
// ['b', 'c', 'a']
var obj1 = {
0: 'a',
1: 'b',
2: 'c'
};
console.log(Object.values(obj1));
// ['a', 'b', 'c']
</script>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。