JavaScript每天必学之数组和对象部分

一、数组

数组是一种特殊的变量，它可以存储多个数据项，并且这些数据项可以是任意不同的数据类型。在 JavaScript 中，数组属于对象类型，但与其他对象不同的是，它可以通过索引来访问数组中的元素。

1.创建数组

JavaScript 中创建数组有两种方式，一种是使用数组字面量，另一种是通过 Array 构造函数创建。

注意：在创建数组时，可以只指定长度而不指定元素。这时候数组中的元素会是 undefined。

示例代码：

// 使用数组字面量
let myArr = [1, 2, 3, "four", true, null, undefined];
// 使用 Array 构造函数
let myArr2 = new Array(1, 2, 3);
let myArr3 = new Array(4);// 长度为4，元素为undefined

2.数组元素的访问

可以通过数组下标来访问数组中的元素，下标从 0 开始，直到数组长度减1。

示例代码：

let myArr = [1, 2, 3, "four", true];
// 访问第一个元素
console.log(myArr[0]);// 1
// 访问最后一个元素
console.log(myArr[myArr.length-1]);// true

3.数组的常用操作

3.1 添加元素

可以通过 push 和 unshift 方法向数组中添加元素，它们的区别在于 push 在数组末尾添加元素，而 unshift 在数组开头添加元素。

示例代码：

let myArr = [1, 2, 3];
myArr.push(4);// [1, 2, 3, 4]
myArr.unshift(0);// [0, 1, 2, 3, 4]

3.2 删除元素

可以通过 pop 和 shift 方法删除数组中的元素，它们的区别在于 pop 会删除数组末尾的元素，而 shift 会删除数组开头的元素。

示例代码：

let myArr = [1, 2, 3];
myArr.pop();// [1, 2]
myArr.shift();// [2]

3.3 截取子数组

可以使用 splice 方法来截取一个数组的子集，splice 方法接收两个参数，第一个参数是开始截取的位置，第二个参数是要截取的元素个数。

let myArr = [1, 2, 3];
let subArr = myArr.splice(1, 2);// [2, 3]

4.数组的遍历

可以使用基本的 for 循环或者 forEach 方法来遍历数组。

示例代码：

let myArr = [1, 2, 3];
// 使用 for 循环来遍历数组
for(let i=0; i<myArr.length; i++){
    console.log(myArr[i]);
}
// 使用 forEach 方法来遍历数组
myArr.forEach((element) => {
    console.log(element);
});

二、对象

JavaScript 中的对象是一种无序的数据集合，它是由键和值组成的。对象的键必须是字符串类型，值可以是任意数据类型。

1.创建对象

可以使用对象字面量或者 Object 构造函数来创建对象。

示例代码：

// 使用字面量创建对象
let myObj = {
    name: "Tom",
    age: 20,
    sex: "male"
};
// 使用 Object 构造函数创建对象
let myObj2 = new Object();
myObj2.name = "Jerry";
myObj2.age = 30;
myObj2.sex = "female";

2.对象属性的访问

可以通过点操作符或者方括号操作符来访问对象的属性。

示例代码：

let myObj = {
    name: "Tom",
    age: 20,
    sex: "male"
};
// 通过点操作符来访问属性
console.log(myObj.name);// "Tom"
// 通过方括号操作符来访问属性
console.log(myObj["age"]);// 20

3.修改对象属性

可以通过点操作符或者方括号操作符来修改对象的属性。

示例代码：

let myObj = {
    name: "Tom",
    age: 20,
    sex: "male"
};
// 修改对象属性
myObj.name = "Jerry";
myObj["age"] = 30;

4.常见的对象类型

JavaScript 中有多种对象类型，以下是其中的几种：

• Math 对象：用于进行数学运算的对象，包括常用的数学函数和常数。
• Date 对象：用于处理日期和时间的对象。
• RegExp 对象：用于进行正则表达式匹配的对象。
• Function 对象：用于定义函数的对象。

结束语

本文介绍了 JavaScript 数组和对象的基本语法与操作，包括创建数组和对象、访问数组和对象、常用操作以及常见的对象类型等内容。希望对大家学习 JavaScript 有所帮助。