javascript学习笔记（二）数组和对象部分

首先让我简单介绍一下"javascript学习笔记（二）数组和对象部分"的内容。

本文主要涉及JavaScript中的数组和对象两个重要的数据类型，包括它们的定义、使用方法、遍历方式以及一些常用的处理技巧等，旨在帮助读者更好地理解和掌握这两个数据类型。

下面是完整攻略，希望能对你的学习有所帮助。

数组部分

数组的定义和使用

在JavaScript中，数组是一种存储多个值的有序集合，可以通过下标来访问和修改其中的元素。数组的定义方式有两种：一种是使用数组字面量表示法，另一种则是使用Array构造函数。

// 定义一个数组
let arr1 = [1, 2, 3];
let arr2 = new Array(1, 2, 3);

可以通过下标来访问数组中的元素，下标从0开始，依次递增。也可以通过下标来修改其中的元素，如下所示：

// 访问数组中的元素
console.log(arr1[0]); // 输出1
console.log(arr2[1]); // 输出2

// 修改数组中的元素
arr1[1] = 4;
console.log(arr1); // 输出[1, 4, 3]

数组的遍历

数组的遍历方式包括for循环、forEach方法和for...of循环。

// 使用for循环遍历数组
for (let i = 0; i < arr1.length; i++) {
  console.log(arr1[i]);
}

// 使用forEach方法遍历数组
arr1.forEach(function(item, index, array) {
  console.log(item);
});

// 使用for...of循环遍历数组
for (let item of arr1) {
  console.log(item);
}

数组的常用处理技巧

数组的常用处理技巧包括数组合并、数组去重和数组排序等。

// 合并数组
let arr3 = arr1.concat(arr2);
console.log(arr3); // 输出[1, 4, 3, 1, 2, 3]

// 数组去重
let arr4 = Array.from(new Set(arr3));
console.log(arr4); // 输出[1, 4, 3, 2]

// 数组排序
let arr5 = [4, 3, 2, 1];
arr5.sort(function(a, b) {
  return a - b;
});
console.log(arr5); // 输出[1, 2, 3, 4]

示例说明

示例1：数组求和

下面是一个数组求和的示例：

let arr = [1, 2, 3, 4, 5];
let sum = 0;
for (let i = 0; i < arr.length; i++) {
  sum += arr[i];
}
console.log(sum); // 输出15

示例2：数组过滤

下面是一个数组过滤的示例：

let arr = [1, 2, 3, 4, 5];
let arr2 = arr.filter(function(item) {
  return item > 2;
});
console.log(arr2); // 输出[3, 4, 5]

对象部分

对象的定义和使用

在JavaScript中，对象是一种无序的数据集合，由一组无序的键值对组成。可以通过点操作符或方括号操作符来访问和修改对象中的属性。对象的定义方式包括对象字面量表示法和使用Object构造函数。

// 定义一个对象
let obj1 = {
  name: 'Tom',
  age: 18
};
let obj2 = new Object({
  name: 'Jerry',
  age: 20
});

// 访问对象中的属性
console.log(obj1.name); // 输出Tom
console.log(obj2['name']); // 输出Jerry

// 修改对象中的属性
obj1.age = 20;
obj2['age'] = 18;
console.log(obj1); // 输出{name: "Tom", age: 20}
console.log(obj2); // 输出{name: "Jerry", age: 18}

对象的遍历

对象的遍历方式包括for...in循环和Object.keys方法。

// 使用for...in循环遍历对象
for (let key in obj1) {
  console.log(key, obj1[key]);
}

// 使用Object.keys方法遍历对象
Object.keys(obj2).forEach(function(key) {
  console.log(key, obj2[key]);
});

示例说明

示例1：对象合并

下面是一个对象合并的示例：

let obj1 = {
  name: 'Tom',
  age: 18
};
let obj2 = {
  gender: 'male'
};
let obj3 = Object.assign({}, obj1, obj2);
console.log(obj3); // 输出{name: "Tom", age: 18, gender: "male"}

示例2：对象转数组

下面是一个对象转数组的示例：

let obj = {
  name: 'Tom',
  age: 18
};
let arr = Object.entries(obj);
console.log(arr); // 输出[["name", "Tom"], ["age", 18]]