JavaScript中的对象:全面的外观
#javascript #网络开发人员 #初学者 #newbie

对象在JavaScript中无处不在。它们是最重要的,您可以和他们一起做很多。
对象是JavaScript中的核心数据结构。
对象是一种非常重要的数据结构,因为它用于反映现实世界实体。它们使我们能够将现实世界的逻辑应用于编码。它们是由属性(密钥:值)和方法组成的数据结构。

具有属性和方法的现实世界对象的示例

真实对象的一个​​示例是银行帐户。银行帐户具有余额和撤回和存款等方法之类的财产。
另一个例子是一辆汽车,具有诸如汽车颜色,制造,型号和诸如汽车启动,汽车刹车和汽车驱动的方法。

JavaScript中属性和方法之间的差异

特性

  1. 它们是对象中的变量
  2. 数据存储在属性中

方法

  1. 它们是对象中的函数
  2. 动作存储在方法中

您可以在带有JavaScript对象的网络上存储,操作并发送数据。您可以将综合,复合和复杂的数据存储在对象中。

创建新对象

1.使用对象初始化器

创建对象相对容易。要创建一个对象,您需要的只是一组卷曲括号{ },在此内,您必须编写用Comma ,分开的key: value对。

Creating an object

2.使用构造函数功能

另外,您可以通过编写构造函数函数创建对象,然后使用“新”关键字创建对象的实例。

constructor function

请注意,使用“此”关键字根据传递给函数的对象的值将值分配给对象属性。

此语句创建myDetails并为其属性分配指定的值。然后
的价值 myDetails.Surname是字符串“ Akinnimi”,
mydetails.firstname是字符串“ Stefan”,
mydetails.age是整数20.
my.details.favouritecolor是蓝色

注意:参数和参数应以相同的顺序给出。

输出:

console output

将项目添加到对象

要在JavaScript中将项目添加到对象中,您可以选择对象的属性,然后使用平等符号为其分配一个值。

Adding Items to an object

输出:

console output

删除对象中的项目

要删除对象中的项目,您将使用删除关键字,然后使用对象名称和属性。这将从对象中删除所选的对象属性和值。

Deleting an item from an object

输出:
姓氏和年龄已从对象中删除。

console output of the deleted object items

访问对象中的项目

您是否需要访问该对象的任何属性?属性的“密钥”可用于访问其价值。可以以两种方式之一访问对象的属性:

点表示法

对象的名称和属性的名称用点符号分开。

Dot notation

支架符号

您可以使用括号符号用方括号[ ]替换点(.),然后将key名称转换为string

Bracket Notation

嵌套对象或数组

嵌套对象是一个包含在另一个对象中的对象。数组也可以嵌套在对象中。

Nesting an array and object inside of another object

在上面的示例中,您会注意到我们有一个名为“爱好”的数组,另一个称为“ networth”的对象嵌套在MyObject中。

使用传播操作员复制对象

对象也可以通过使用传播操作员深入复制到另一个变量。
复制对象后,您可以继续添加或删除复制对象中的项目;这些项目不会从复制的对象中删除。

Copying an Object

对象方法

在对象内部创建函数被称为JavaScript中的创建方法。

Object methods

注意:该方法中使用的“此”关键字是一种调用父对象的方式。
在这种情况下,此关键字指的是MyObject。就像说,
myObject.surname +'' + myObject.firstname for第一个方法


MyObject.NETWORTH.ASSETS -MYOBJECT.NETWORTH.LIBLIE第二种方法

使用点符号和空括号来创建对象后,您可以在对象中调用或调用函数(方法)。

calling a method in an object

对象破坏(ES6)

对象破坏是JavaScript的有用功能,使您可以从对象中提取属性并将其绑定到变量。您安排属性的顺序无关紧要,但关键很重要。

它能够在一个语句中提取许多属性,从嵌套对象访问属性,并在没有属性的情况下设置默认值。

//Syntax
const { property } = object; 

Object Destruturing

在上面的示例中,第14行将丢失错误,因为FairitIteColor不是破坏的MyObjects属性的一部分,即不会破坏FafititeColor。

>

结论

对象充当用于在JavaScript中构造和组织数据的构件。
对象非常强大,它使开发人员能够使用代码创建现实生活中的场景。当您继续在JavaScript中旅行时,从本介绍中获得的见解将成为可靠的基础,您可以在此基础上构建更复杂和创新的应用程序。