JavaScript 对象

2025年4月16日 | 阅读5分钟

在 JavaScript 中，对象是一个可以包含多个值的变量。它是一个存储值集合的位置。对象是 JavaScript 中最基本的数据类型之一。每个对象都包含属性和类型，它们是一个整体。与原始数据类型不同，对象不是原始的。

例如，拿一个足球来说。足球有重量、形状、颜色和设计等属性。在这种情况下，足球是一个对象，它的重量和形状是它的属性。

同样，在 JavaScript 中，对象具有定义其性质的属性。一个对象可以包含各种类型，例如字符串、数字、布尔值、数组、函数等。

JavaScript 对象语法

// Object literal syntax
const myObject = {
  key1: value1,
  key2: value2,
  // more key-value pairs...
};

说明

花括号用于界定对象字面量的开始和结束。
在这些花括号内，您定义由逗号分隔的键值对。
每个键都是一个字符串（或 ES6+ 中的符号）。
每个键后面都有一个冒号，然后是它的值。
它们可以是任何数据类型，如字符串、数字、布尔值、数组、函数或其他对象。

创建 JavaScript 对象

JavaScript 提供了多种对象构建方式，并且可以实现灵活性和多功能性。JavaScript 中对象构建的不同方法是

使用对象字面量
使用 JavaScript 关键字 new
构造一个构造函数对象

使用对象字面量

对象字面量是 JavaScript 中声明对象的简便方法。它是通过在花括号 {} 中定义键值对来声明对象的过程。

示例

let person = {
    name: 'Harsh',
    age: 30,
    city: 'Ghaziabad'
};

在此示例中，一个人被表示为一个对象，具有三个属性：姓名、年龄和城市。使用冒号 (:) 语法将值分配给每个属性。

使用 new 关键字

您还可以使用带 new 关键字的构造函数来创建实例。构造函数使您能够创建具有相同方法和属性的多个对象。

示例

function Person(name, age, city) {
    this.name = name;
    this.age = age;
    this.city = city;
}
// Creating a new instance of Person
let person1 = new Person('Evan', 30, 'Paris');
let person2 = new Person('Anupam', 25, 'Delhi');

JavaScript 对象是可变的

JavaScript 对象是可变的，即您可以在初始化对象后更改其属性。这使您能够添加或删除属性，以及更改现有属性。

示例

let person = {
    name: 'Aman',
    age: 33,
    city: 'Delhi'
};
// Modifying property value
person.age = 31;
// Adding a new property
person.email = 'aman@example.com';
// Removing a property
delete person.city;

JavaScript 对象特性

对象有点棘手，因为它们可以包含任何引用数据类型和简单数据类型的集合。
引用数据类型用于用引用值标记字符或数字，引用字符或数字引用其位置。
当一个对象从一个函数传递到另一个函数时，此指针指向对象的位置。
类包含方法和属性。

JavaScript 内置方法

以下是一些常用的 JavaScript 方法

create(): 此方法用于基于原型对象创建 JavaScript 对象，如前所述。

entries(): 此方法接受 JavaScript 对象作为参数，并返回一个包含键值对数组的数组。例如，让我们回顾一下我们的“student”对象。

keys(): keys() 方法以 JavaScript 对象为输入，并返回其属性名称的数组。

values(): 类似地，values() 方法以 JavaScript 对象为输入，并返回其值的数组。

is(): 此方法接受第二个对象作为参数，并检查两个对象是否相等，返回一个布尔值。如果对象相等，则返回“true”；否则，返回“false”。

Object.create()

Object.create() 方法创建一个新对象并将其链接到现有对象。

代码

const people = {
printIntro: function () {
console.log(`My full name is ${this.Fname}. Am I Alive? ${this.isalive}`);
}
};
const name = Object.create(people);
name.Fname = "Robert"; // "Fname" is a property set on "name", but not on "people"
name.isalive = true;
name.printIntro();

立即执行

输出

Object.entries()

Object.entries() 返回对象中包含可枚举属性 [键, 值] 对的数组。

语法

代码

const student = { 1: 'Steve', 100: 'Sanju', 45: 'Chris' };
console.log(Object.entries(student));

立即执行

输出

Object.keys()

Object.keys() 方法会返回数组或类数组对象的属性，即使这些键的顺序是随机的。

代码

let employee_detail = {
employee_name: 'Smith',
employee_salary: 144,
employee_age : 23
} ;
console.log(Object.keys(employee_detail).length);

立即执行

输出

上述代码将借助 object.keys() 方法返回对象的大小。

Object.values()

`Object.values()` 函数返回一个包含对象属性值的数组。它返回对象的值，并将它们以数组形式返回。

代码

// Returning property values of an array
var check = ['x', 'y', 'z'];
console.log(Object.values(check));

立即执行

输出

Object.is()

JavaScript Object.is() 方法是一个有用的函数，它允许您查看两个值是否完全相等。它在不进行类型强制转换的情况下进行此操作，即它按原样查看值。而且，它甚至可以处理一些特殊情况，例如区分正零和负零。

代码

console.log(Object.is(5, 5)); // true
console.log(Object.is('Java', 'Java')); // true
console.log(Object.is(true, false)); // false
console.log(Object.is(0, -0)); // false
console.log(Object.is(NaN, NaN)); // true

立即执行

输出

结论

在 JavaScript 中，对象对于定义数据值和数据属性至关重要，这是编程的一个基本方面。在 JScript 中，一切皆为对象。程序员利用对象、属性和方法来定义和实现这些对象中的各种概念。

JavaScript Object 方法

序号	方法	描述
1	Object.assign()	此方法用于将源对象中的可枚举和自有属性复制到目标对象
2	Object.create()	此方法用于使用指定的原型对象和属性创建新对象。
3	Object.defineProperty()	此方法用于描述属性的一些行为属性。
4	Object.defineProperties()	此方法用于创建或配置多个对象属性。
5	Object.entries()	此方法返回一个包含键、值对数组的数组。
6	Object.freeze()	此方法可防止删除现有属性。
7	Object.getOwnPropertyDescriptor()	此方法返回指定对象中指定属性的属性描述符。
8	Object.getOwnPropertyDescriptors()	此方法返回给定对象的所有自有属性描述符。
9	Object.getOwnPropertyNames()	此方法返回一个包含所有属性（可枚举或不可枚举）的数组。
10	Object.getOwnPropertySymbols()	此方法返回一个包含所有自有符号键属性的数组。
11	Object.getPrototypeOf()	此方法返回指定对象的原型。
12	Object.is()	此方法确定两个值是否相同。
13	Object.isExtensible()	此方法确定对象是否可扩展
14	Object.isFrozen()	此方法确定对象是否被冻结。
15	Object.isSealed()	此方法确定对象是否被密封。
16	Object.keys()	此方法返回给定对象自有属性名称的数组。
17	Object.preventExtensions()	此方法用于阻止对对象的任何扩展。
18	Object.seal()	此方法可防止添加新属性，并将所有现有属性标记为不可配置。
19	Object.setPrototypeOf()	此方法将指定对象的原型设置为另一个对象。
20	Object.values()	此方法返回值的数组。

下一主题Javascript 数组

JavaScript 对象

JavaScript 对象语法

创建 JavaScript 对象

使用对象字面量

示例

使用 new 关键字

示例

JavaScript 对象是可变的

示例

JavaScript 对象特性

JavaScript 内置方法

Object.create()

代码

Object.entries()

代码

Object.keys()

代码

Object.values()

代码

Object.is()

代码

结论

JavaScript Object 方法

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

JavaScript 基础

JS 变量和数据类型

JS 控制语句

JavaScript 函数

JavaScript 对象

JS 高级函数

JS Promises & Async/Await

JavaScript DOM

JavaScript JSON 对象

JavaScript 验证

JavaScript Cookies

异常处理

JavaScript 集合

JavaScript 事件

JavaScript OOPs

JavaScript BOM

面试题

选择题

差异

JavaScript Map 方法

JavaScript Handler

JavaScript Number 方法

JavaScript Reflect

JavaScript Symbol

Symbol 属性

JavaScript Math 方法

JavaScript Date 方法

JavaScript DataView

JavaScript Object 方法

JavaScript Set 方法

JavaScript 字符串方法

JavaScript TypedArray 方法

JavaScript WeakMap 方法

JavaScript WeakSet 方法

JavaScript 数组方法

JavaScript RegExp 对象

JavaScript 附加内容

JavaScript 杂项

JavaScript 进阶

问题

Lodash

JavaScript 对象

JavaScript 对象语法

创建 JavaScript 对象

使用对象字面量

示例

使用 new 关键字

示例

JavaScript 对象是可变的

示例

JavaScript 对象特性

JavaScript 内置方法

Object.create()

代码

Object.entries()

代码

Object.keys()

代码

Object.values()

代码