Javascript入门学习第四篇 js对象和数组第1/2页

下面是针对“Javascript入门学习第四篇 js对象和数组第1/2页”的完整攻略：

Javascript对象和数组入门

什么是对象

在Javascript中，对象（Object）是指一组属性和方法的集合。每个属性都是由键名和键值组成的，而方法则是一段特殊的函数。

对象可以用花括号括起来，其中每个属性或方法都用逗号隔开。例如：

let person = {
  name: 'John',
  age: 30,
  sayHello: function() {
    console.log('Hello!');
  }
};

这里定义了一个名为person的对象，其中包含了三个属性：name、age和sayHello。sayHello是一个方法，在调用时会输出"Hello!"。

访问对象的属性和方法

可以使用点运算符（.）或方括号运算符（[]）来访问对象的属性和方法。例如：

console.log(person.name);    // 输出 'John'
console.log(person['age']); // 输出 30
person.sayHello();           // 输出 'Hello!'

注意，使用方括号运算符时需要将属性或方法名用引号括起来。

数组的定义和访问

数组（Array）是一种特殊的对象，其中的每个元素都有一个数字索引。数组可以使用方括号括起来，其中的每个元素用逗号隔开。例如：

let colors = ['red', 'green', 'blue'];

注意，数组中的元素可以是任何类型的数据，包括对象和其他数组。

可以使用索引来访问数组中的元素。索引从0开始，例如：

console.log(colors[0]); // 输出 'red'
console.log(colors[1]); // 输出 'green'
console.log(colors[2]); // 输出 'blue'

数组的常用方法

Javascript数组提供了许多常用的方法，下面介绍其中的一部分：

push和pop

push方法会在数组的末尾添加一个元素，pop方法会从数组的末尾删除一个元素。例如：

colors.push('yellow');  // 将元素'yellow'添加到数组末尾
console.log(colors);   // 输出 ['red', 'green', 'blue', 'yellow']

colors.pop();           // 删除数组末尾的元素
console.log(colors);   // 输出 ['red', 'green', 'blue']

shift和unshift

shift方法会从数组的开头删除一个元素，unshift方法会在数组的开头添加一个元素。例如：

colors.shift();         // 删除数组开头的元素
console.log(colors);   // 输出 ['green', 'blue']

colors.unshift('pink'); // 在数组开头添加一个元素
console.log(colors);   // 输出 ['pink', 'green', 'blue']

示例说明

示例1：遍历对象的属性

let person = {
  name: 'John',
  age: 30,
  sayHello: function() {
    console.log('Hello!');
  }
};

// 遍历person对象的每个属性
for (let key in person) {
  console.log(key + ': ' + person[key]);
}

这段代码使用for...in循环遍历person对象的每个属性，并输出属性名和对应的值。输出结果如下：

name: John
age: 30
sayHello: function() { console.log('Hello!'); }

示例2：使用数组方法处理数据

let numbers = [1, 2, 3, 4, 5];

// 使用map方法将数组中的元素乘以2
let doubledNumbers = numbers.map(function(num) {
  return num * 2;
});

console.log(doubledNumbers); // 输出 [2, 4, 6, 8, 10]

这段代码使用map方法将数组numbers中的每个元素都乘以2，并将结果存储在doubledNumbers数组中。然后，打印出doubledNumbers数组的内容。输出结果如下：

[2, 4, 6, 8, 10]

希望这份攻略能对您有所帮助。