JavaScript 中 Object

admin10个月前 (05-09)it知识523

一、Object 基本概念

JavaScript 的 Object 是存储键值对(属性和方法)的集合,所有对象(如 Array、Function 等)均继承自 Object.prototype
属性名可以是字符串或 Symbol,值可以是任何数据类型(包括其他对象或函数)

二、创建对象的方式

  1. 字面量创建‌(最常用):

let obj = { name: "John", age: 30 };

      构造函数创建‌:

let obj = new Object();obj.name = "John";

Object.create()‌(基于原型创建):

let parent = { type: "Parent" };let child = Object.create(parent); console.log(child.type); // "Parent" :ml-citation{ref="3,7" data="citationList"}

三、常用静态方法

方法作用示例
Object.assign()合并对象(浅拷贝)let newObj = Object.assign({}, obj1, obj2); 
Object.keys()返回对象自身可枚举属性名数组Object.keys({a:1, b:2}); // ["a", "b"] 
Object.values()返回对象自身可枚举属性值数组Object.values({a:1, b:2}); // [1, 2] 
Object.entries()返回键值对数组Object.entries({a:1}); // [["a",1]] 
Object.freeze()冻结对象(禁止增删改属性)Object.freeze(obj);

四、实例方法与特性

  1. 属性操作‌:

obj.prop = "value";        // 添加属性obj["prop"] = "value";     // 动态属性名delete obj.prop;           // 删除属性 :ml-citation{ref="7" data="citationList"}


‌     检测属性‌:

obj.hasOwnProperty("prop");    // 是否自身属性(非继承) :ml-citation{ref="8" data="citationList"}"prop" in obj;                 // 是否存在于原型链 :ml-citation{ref="8" data="citationList"}
  1. 原型链问题‌:

    • 所有对象默认继承 Object.prototype,可能导致原型污染(如通过 __proto__

    • 安全实践:避免直接操作 __proto__,使用 Object.create(null) 创建无原型对象。

五、遍历对象

  1. for...in 循环‌:遍历对象及其原型链的可枚举属性,需配合 hasOwnProperty 过滤:

for (const key in obj) {  if (obj.hasOwnProperty(key)) {    console.log(key, obj[key]);   }} :ml-citation{ref="1,7" data="citationList"}


      Object.keys() + forEach‌:仅遍历自身属性:

Object.keys(obj).forEach(key => {  console.log(key, obj[key]);}); :ml-citation{ref="7" data="citationList"}


六、注意事项

  1. 引用类型特性‌:
    Object 作为引用类型,赋值传递的是地址,修改会同步到所有引用该对象的变量

  2. 与 Map 的对比‌:

    • Object 的键只能是字符串或 Symbol,Map 支持任意类型键(如对象、函数)

    • Map 直接提供 size 属性和迭代方法,更适合频繁增删键值对的场景

// 创建对象const user = {  name: "Alice",  greet() {    console.log(`Hello, ${this.name}!`);  }};// 合并对象const details = { age: 25 };const merged = Object.assign({}, user, details); // {name: "Alice", age:25} :ml-citation{ref="1" data="citationList"}// 遍历属性Object.entries(merged).forEach(([key, val]) => {  console.log(`${key}: ${val}`); // "name: Alice", "age: 25"});



标签: 分享IT知识

相关文章

暴风雨

暴风雨来临之前,天空中弥漫着一股压抑的气息。乌云密布,仿佛覆盖着一片灰暗的帷幕,将整个天地都笼罩在一片阴沉的氛围中。狂风大作,吹拂着路上的尘土和枝叶,让人感到一阵阵的凉意。突然,一声炸雷打破了寂静,紧...

基于ChatGPT大模型开发AI应用的方法

确定应用领域。根据应用需求,确定AI应用领域,如智能客服、智能家居等。数据预处理。对原始数据进行清洗、去重等操作,提高数据处理效率1。模型训练。使用ChatGPT大模型进行训练,通过大量语料库和训练数...

南山经

南山经之首曰鹊山。其首曰招瑶之山,临于西海之上。多桂多金玉。有草焉,其状如韭而青华,其名曰祝馀,食之不饥。有木焉,其状如榖而黑理,其华四照。其名曰迷榖,佩之不迷。有兽焉,其状如禺而白耳,伏行人走,其名...

海外北经--山海经

海外自东北陬至西北陬者。无[啟/月]之国在长股东,为人无[啟/月]。锺山之神名曰炽阴。视为昼,瞑为夜,吹为冬,呼为夏。不饮,不食,不息,息为风,身长千里。在无[啟/月]之东。其为物,人面蛇身,赤色,居...

前端常用的技术

一、核心基础技术HTML5 - 定义网页结构和语义化标签,支持多媒体与离线存储等特性‌CSS3 - 实现响应式布局(Flexbox/Grid)、动画和过渡效果‌JavaScript (ES6+) -...

产品经理的主要职责是什么

产品经理的主要职责可以概括为以下几个核心方面,这些职责共同确保产品从概念到市场的成功:一、‌产品规划与战略制定‌‌市场调研与需求分析‌研究行业趋势、竞争对手动态及用户行为,挖掘潜在需求。通过用户访谈、...