JavaScript之引用类型介绍

下面是详细讲解“JavaScript之引用类型介绍”的完整攻略。

引用类型介绍

在JavaScript中，除了基本类型（number、string、boolean、null、undefined）之外，还有一类特殊的类型，被称为引用类型。引用类型是由多个值组成的对象。

对象

对象是引用类型的最基本类型。对象是由多个键值对组成的属性集合。

创建对象有两种方式，一种是字面量方式，另一种是构造函数方式。下面是两种方式的示例：

字面量方式

可以使用花括号来表示一个对象，并为对象指定属性和值。例如：

let person = {
  name: 'Tom',
  age: 18,
  gender: 'male'
};

构造函数方式

使用构造函数创建对象，可以使用new关键字创建对象。例如：

let person = new Object();
person.name = 'Tom';
person.age = 18;
person.gender = 'male';

两种方式创建的对象是一样的。可以通过点语法或者方括号语法来访问对象的属性。例如：

console.log(person.name); // Tom
console.log(person['age']); // 18

数组

数组是一种特殊的对象，它的键名是数字。数组的元素按照一定顺序排列，可以通过索引来访问数组的元素。

创建数组也有两种方式，一种是字面量方式，另一种是构造函数方式。下面是两种方式的示例：

字面量方式

可以使用方括号来表示一个数组，并指定数组的元素。例如：

let arr = [1, 2, 3, 4];

构造函数方式

使用构造函数创建数组，可以使用new关键字创建数组对象。例如：

let arr = new Array(1, 2, 3, 4);

两种方式创建的数组是一样的。可以使用方括号语法来访问数组的元素。例如：

console.log(arr[0]); // 1
console.log(arr[1]); // 2

示例

下面是一个使用引用类型的例子：

let person = {
  name: 'Tom',
  age: 18,
  gender: 'male',
  friends: ['Jerry', 'Bob']
};

console.log(person.friends[0]); // Jerry

在这个例子中，person对象有一个属性friends，它的值是一个数组。可以使用person.friends[0]来获取数组中的第一个元素，即Jerry。

下面再来一个示例，这次是使用构造函数创建数组：

let arr = new Array(1, 2, [3, 4], {name: 'Tom'});

console.log(arr[2][0]); // 3
console.log(arr[3].name); // Tom

在这个例子中，arr数组的第三个元素是一个数组[3, 4]，第四个元素是一个对象{name: 'Tom'}。可以使用arr[2][0]来获取数组的第三个元素的第一个元素，即3，使用arr[3].name来获取数组的第四个元素的name属性值，即Tom。

以上就是“JavaScript之引用类型介绍”的完整攻略，希望对你有帮助。