您的位置 首页 > 数码极客

〔js如何输出objectobjectobjectobject〕js如何输出图片…

数据类型Object

Object是JavaScript的一种 数据类型 。它用于存储各种键值集合和更复杂的实体,Objects 可以通过Object()构造函数或者使用对象字面量的方式创建。

Object的属性:

Object.,创建实例对象的Object构造函数的引用。

Object的方法:

Object.assign(),方法用于将所有可枚举属性的值从一个或多个源对象分配到目标对象。

Object.defineProperties(),方法直接在一个对象上定义新的属性或修改现有属性,并返回该对象。

Object.defineProperty(),方法会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性,并返回此对象。

Object.keys(),方法会返回一个由一个给定对象的自身可枚举属性组成的数组,数组中属性名的排列顺序和正常循环遍历该对象时返回的顺序一致 。

Object.entries(),方法返回一个给定对象自身可枚举属性的键值对数组,其排列与使用for...in循环遍历该对象时返回的顺序一致(区别在于 for-in 循环还会枚举原型链中的属性)。

Object.freeze(),方法可以冻结一个对象。

官方地址:

代码案例

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Object类的属性和方法</title> </head> <body> <script type="text/javascript"> // ====================================================================// // Object. // ====================================================================// var obj1 = {}; con === Object); // true var obj2 = new Object; con === Object); // true var arr1 = []; con === Array); // true var arr2 = new Array; con === Array); // true var num1 = new Number(3); con === Number); // true // ====================================================================// // Object.assign() // ====================================================================// const target = { a: 1, b: 2 }; const source = { b: 4, c: 5 }; const returnedTarget = Object.assign(target, source); con(target); // Object { a: 1, b: 4, c: 5 } con(returnedTarget); // Object { a: 1, b: 4, c: 5 } // ====================================================================// // Object.defineProperty // ====================================================================// // 第一个参数为对象,对象为函数调用之后返回新对象的原型对象 // 第二个参数为对象本身的实例方法(默认不能修改,不能枚举) const obj = Object.create({a:1}, {b: {value: 2}}) con === 1); // true obj.b = 3; con); // 2 //创建一个可写的,可枚举的,可配置的属性p obj2 = Object.create({}, { person: { value: 2, // 属性值 writable: true, // 是否可以重写值 enumerable: true, // 是否可枚举 configurable: true // 是否可以修改以上几项配置 }, user:{ value:11, writable: true, // 是否可以重写值 enumerable: true, // 是否可枚举 configurable: true // 是否可以修改以上几项配置 } }); con); con(obj2)); obj2.person = 3; con); // 3 // ====================================================================// // Object.defineProperty() // ====================================================================// const object1 = {}; Object.defineProperty(object1, 'property1', { value: 42, writable: false }); objec = 77; // throws an error in strict mode con(objec); // expected output: 42 // ====================================================================// // Object.defineProperties() // ====================================================================// var obj3 = {}; Object.defineProperties(obj3, { 'property1': { value: true, writable: true }, 'property2': { value: 'Hello', writable: false } // etc. etc. }); con(obj3); // ====================================================================// // Object.entries() // ====================================================================// const obj4 = { a: 'somestring', b: 42 }; // Object.entries for (const [key, value] of Object.entries(obj4)) { con(`${key}: ${value}`); } // ====================================================================// // Object.freeze(),方法可以冻结一个对象。 // ====================================================================// const obj5 = { prop: 42 }; Object.freeze(obj5); obj5.prop = 33; // Throws an error in strict mode con); // 42 </script> </body> </html>

责任编辑: 鲁达

1.内容基于多重复合算法人工智能语言模型创作,旨在以深度学习研究为目的传播信息知识,内容观点与本网站无关,反馈举报请
2.仅供读者参考,本网站未对该内容进行证实,对其原创性、真实性、完整性、及时性不作任何保证;
3.本站属于非营利性站点无毒无广告,请读者放心使用!

“js如何输出objectobjectobjectobject,js如何输出图片,js如何输出变量,js如何输出对象的值,js如何输出文字”边界阅读