您的位置：鳄鱼CMS > javascript对象有哪些 JavaScript 对象

javascript对象有哪些 JavaScript 对象

2023-06-20 17:31 JavaScript教程

javascript对象有哪些

JavaScript对象是一种无序的集合数据类型，它由若干键值对组成。它可以用来存储任何类型的数据，包括字符串、数字、布尔值、函数、对象等。

var person = {
  name: 'John',
  age: 30,
  job: 'teacher'
};

JavaScript对象有很多特性，其中最重要的是它们可以动态地添加或删除属性。例如，可以使用person.address = 'New York'语句来向person对象添加一个新的address属性，也可以使用delete person.age语句来删除person对象中的age属性。此外，JavaScript还提供了一些内置方法来帮助开发者处理对象，例如Object.keys()方法用于返回一个包含所有键名的数组，Object.values()方法用于返回一个包含所有键值的数组。

JavaScript 对象

JavaScript 中的所有事物都是对象：字符串、数值、数组、函数...

此外，JavaScript 允许自定义对象。

所有事物都是对象

JavaScript 提供多个内建对象，比如 String、Date、Array 等等。对象只是带有属性和方法的特殊数据类型。

布尔型可以是一个对象。
数字型可以是一个对象。
字符串也可以是一个对象
日期是一个对象
数学和正则表达式也是对象
数组是一个对象
甚至函数也可以是对象

JavaScript 对象

对象只是一种特殊的数据。对象拥有属性和方法。

访问对象的属性

属性是与对象相关的值。

访问对象属性的语法是：

objectName.propertyName

这个例子使用了 String 对象的 length 属性来获得字符串的长度：

var message="Hello World!";
var x=message.length;

在以上代码执行后，x 的值将是：

访问对象的方法

方法是能够在对象上执行的动作。

您可以通过以下语法来调用方法：

objectName.methodName()

这个例子使用了 String 对象的 toUpperCase() 方法来将文本转换为大写：

var message="Hello world!";
var x=message.toUpperCase();

在以上代码执行后，x 的值将是：

HELLO WORLD!

创建 JavaScript 对象

通过 JavaScript，您能够定义并创建自己的对象。

创建新对象有两种不同的方法：

定义并创建对象的实例
使用函数来定义对象，然后创建新的对象实例

创建直接的实例

这个例子创建了对象的一个新实例，并向其添加了四个属性：

实例

person=new Object();
person.firstname="John";
person.lastname="Doe";
person.age=50;
person.eyecolor="blue";

替代语法（使用对象 literals）：

实例

person={firstname:"John",lastname:"Doe",age:50,eyecolor:"blue"};

提示：

你可以在本站的JavaScript编程实战中练习使用

JavaScript对象操作！

使用对象构造器

本例使用函数来构造对象：

实例

function person(firstname,lastname,age,eyecolor)
{
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;
}

在JavaScript中，this通常指向的是我们正在执行的函数本身，或者是指向该函数所属的对象（运行时）

创建 JavaScript 对象实例

一旦您有了对象构造器，就可以创建新的对象实例，就像这样：

var myFather=new person("John","Doe",50,"blue");
var myMother=new person("Sally","Rally",48,"green");

把属性添加到 JavaScript 对象

您可以通过为对象赋值，向已有对象添加新属性：

假设 personObj 已存在 - 您可以为其添加这些新属性：firstname、lastname、age 以及 eyecolor：

person.firstname="John";
person.lastname="Doe";
person.age=30;
person.eyecolor="blue";

x=person.firstname;

在以上代码执行后，x 的值将是：

John

把方法添加到 JavaScript 对象

方法只不过是附加在对象上的函数。

在构造器函数内部定义对象的方法：

function person(firstname,lastname,age,eyecolor)
{
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;

this.changeName=changeName;
function changeName(name)
{
this.lastname=name;
}
}

changeName() 函数 name 的值赋给 person 的 lastname 属性。

现在您可以试一下：

myMother.changeName("Doe");

JavaScript 类

JavaScript 是面向对象的语言，但 JavaScript 不使用类。

在 JavaScript 中，不会创建类，也不会通过类来创建对象（就像在其他面向对象的语言中那样）。

JavaScript 基于 prototype，而不是基于类的。

JavaScript for...in 循环

JavaScript for...in 语句循环遍历对象的属性。

语法

for (variable in object)
{
code to be executed
}

注意： for...in 循环中的代码块将针对每个属性执行一次。

实例

循环遍历对象的属性：

实例

var person={fname:"John",lname:"Doe",age:25};

for (x in person)
{
txt=txt + person[x];
}

下面给出一个完整简易的dictionary实现。注意其外部使用了function，内部使用了Object对象的动态添加属性的一些特性。

请仔细研究并考察其用法：

轻松学习 JavaScript：JavaScript 对象概述

阅读全文

以上是鳄鱼CMS为你收集整理的javascript对象有哪些 JavaScript 对象全部内容。

声明：本站所有文章资源内容，如无特殊说明或标注，均为采集网络资源。如若本站内容侵犯了原著者的合法权益，可联系本站删除。

JavaScript Window Location

2023-04-24 JavaScript教程

window.location 对象用于获得当前页面的地址 (URL)，并把浏览器重定向到新的页面。这种方法既可以用于具有onclick事件的标签，...
javascript变量名命名规则 JavaScript 变量

2023-03-11 JavaScript教程

变量是用于存储信息的"容器"。实例 var x=5;var y=6;var z=x+y;就像代数那样 x=5y=6z=x+y在代数中，我们使用字母（比如 x）来保...
js number对象 JavaScript Number 对象

2023-06-17 JavaScript教程

JavaScript 的 Number 对象是经过封装的能让你处理数字值的对象，由 Number() 构造器创建。JavaScript 只有一种数字类型。可以使...
javascript 位运算符 JavaScript 位运算符

2023-06-12 JavaScript教程

JavaScript提供了一组位运算符，可以用来做简单的位运算。与Java等语言不同，JavaScript的数值型默认是浮点型，在进行位运算的时...
Linux touch命令

2023-04-25 Linux教程

Linux touch命令 Linux 命令大全Linux touch命令用于修改文件或者目录的时间属性，包括存取时间和更改时间。若文件不存在，系统...