数组和对象字面量在JavaScript中的定义与使用
在JavaScript中,数组和对象是两种基本的数据结构,它们可以通过字面量的方式进行定义。字面量是一种创建数据结构的简便方法,使得代码更加简洁和易于阅读。
数组字面量
数组字面量是一系列由逗号分隔的值,这些值被包围在方括号[]
内。数组中的元素可以是任意类型,包括数字、字符串、布尔值等。
定义数组字面量
let numbers = [40, 100, 1, 5, 25, 10];
数组字面量的属性和方法
length
: 数组元素的数量。push(element)
: 向数组末尾添加一个或多个元素。pop()
: 移除数组末尾的元素并返回该元素。shift()
: 移除数组开头的元素并返回该元素。unshift(element)
: 向数组开头添加一个或多个元素。
数组字面量的使用示例
let numbers = [40, 100, 1, 5, 25, 10];
// 添加元素
numbers.push(200);
// 移除并获取元素
let lastNumber = numbers.pop();
// 打印数组
console.log(numbers);
console.log('Removed number:', lastNumber);
对象字面量
对象字面量是由一系列由逗号分隔的键值对组成,这些键值对被包围在花括号{}
内。每个键(key)和值(value)之间用冒号:
分隔。对象的键是字符串,值可以是任意类型。
定义对象字面量
let person = {
firstName: "John",
lastName: "Doe",
age: 50,
eyeColor: "blue"
};
对象字面量的属性访问
- 点符号(
.
):object.property
- 方括号符号(
[]
):object["property"]
对象字面量的使用示例
let person = {
firstName: "John",
lastName: "Doe",
age: 50,
eyeColor: "blue"
};
// 访问属性
console.log(person.firstName); // John
console.log(person["lastName"]); // Doe
// 修改属性
person.firstName = "Jane";
// 添加新属性
person.jobTitle = "Developer";
// 打印对象
console.log(person);