在JavaScript中，数组（Array）和对象（Object）是两种非常基础且强大的数据类型，它们用于存储和操作数据集合。下面我将通过几个代码示例来展示它们的基本用法和高级特性，每个示例将尽量简洁且直接指向主题。
数组（Array）
基本操作
// 创建一个数组
let fruits = ['Apple', 'Banana', 'Cherry'];
// 访问数组元素
console.log(fruits[0]); // 输出: Apple
// 添加元素到数组末尾
fruits.push('Date');
// 删除并返回数组的最后一个元素
let lastFruit = fruits.pop();
console.log(lastFruit); // 输出: Date
// 在数组指定位置添加元素
fruits.splice(1, 0, 'Orange'); // 从索引1开始，删除0个元素，并添加'Orange'
// 遍历数组
fruits.forEach(function(fruit) {
console.log(fruit);
});
// 使用map方法转换数组
let capitalizedFruits = fruits.map(fruit => fruit.toUpperCase());
console.log(capitalizedFruits); // 输出: ['APPLE', 'ORANGE', 'BANANA', 'CHERRY']
数组去重
let numbers = [1, 2, 2, 3, 4, 4, 5];
let uniqueNumbers = [...new Set(numbers)];
console.log(uniqueNumbers); // 输出: [1, 2, 3, 4, 5]
对象（Object）
基本操作
// 创建一个对象
let person = {
firstName: 'John',
lastName: 'Doe',
age: 30,
greet: function() {
console.log(`Hello, my name is ${
this.firstName} ${
this.lastName}.`);
}
};
// 访问对象属性
console.log(person.firstName); // 输出: John
// 修改对象属性
person.age = 31;
// 调用对象方法
person.greet(); // 输出: Hello, my name is John Doe.
// 使用ES6属性简写
let age = 25;
let profile = {
name: 'Jane',
age // 等同于 age: age
};
console.log(profile); // 输出: { name: 'Jane', age: 25 }
对象遍历
// 使用for...in循环遍历对象属性
for (let key in person) {
if (person.hasOwnProperty(key)) {
console.log(`${
key}: ${
person[key]}`);
}
}
// 使用Object.keys()获取对象所有键的数组
let keys = Object.keys(person);
keys.forEach(key => {
console.log(`${
key}: ${
person[key]}`);
});
// 使用Object.values()获取对象所有值的数组
let values = Object.values(person);
values.forEach(value => {
console.log(value);
});
// 使用Object.entries()获取对象所有键值对的数组
let entries = Object.entries(person);
entries.forEach(([key, value]) => {
console.log(`${
key}: ${
value}`);
});
总结
JavaScript中的数组和对象提供了丰富的内置方法和属性，允许开发者以灵活的方式处理数据集合。数组主要用于存储和操作有序的数据列表，而对象则更适合存储和操作具有命名属性的数据集合。通过上面的示例，我们学习了数组和对象的基本操作、遍历方法，以及如何处理一些常见的任务，如数组去重和对象属性的动态访问与修改。这些基础知识是深入JavaScript编程的关键。
