JS数据结构详解|极客笔记

JS数据结构详解

JavaScript（简称JS）是一种脚本语言，通常用于在网页上为用户提供交互功能。在JS编程中，数据结构是非常重要的概念，它影响着数据的组织、存储和访问方式。本文将详细解释JS中常用的数据结构，包括数组、对象、函数等，并提供相关示例代码。

数组（Array）

数组是JS中最常用的数据结构之一，用于存储一组数据。在JS中，数组是一种有序的集合，可以包含任意类型的数据，包括基本数据类型（如数字、字符串）和复杂数据类型（如对象、函数）。

创建数组

在JS中，可以使用以下方式创建一个数组：

// 使用数组字面量
let myArray = [1, 2, 3, 4, 5];

// 使用`new`关键字创建数组
let myArray = new Array(1, 2, 3, 4, 5);

访问数组元素

可以通过下标来访问数组中的元素，数组下标从0开始计数：

let myArray = [1, 2, 3, 4, 5];
console.log(myArray[0]); // 输出：1
console.log(myArray[2]); // 输出：3

修改数组元素

可以通过下标修改数组中的元素：

let myArray = [1, 2, 3, 4, 5];
myArray[2] = 10;
console.log(myArray); // 输出：[1, 2, 10, 4, 5]

常用数组方法

JS中数组提供了许多内置方法，用于操作数组，如push、pop、shift、unshift、splice等。下面是一些常用的数组方法的示例：

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

// 在数组末尾添加元素
myArray.push(6);
console.log(myArray); // 输出：[1, 2, 3, 4, 5, 6]

// 删除数组末尾的元素
myArray.pop();
console.log(myArray); // 输出：[1, 2, 3, 4, 5]

// 在数组开头添加元素
myArray.unshift(0);
console.log(myArray); // 输出：[0, 1, 2, 3, 4, 5]

// 删除数组开头的元素
myArray.shift();
console.log(myArray); // 输出：[1, 2, 3, 4, 5]

// 删除指定位置的元素
myArray.splice(2, 1);
console.log(myArray); // 输出：[1, 2, 4, 5]

对象（Object）

对象是JS中另一个重要的数据结构，用于表示复杂的数据。对象由一组键值对组成，每个键值对之间用逗号分隔。

创建对象

可以使用以下方式创建一个对象：

// 使用对象字面量
let myObject = {name: 'Alice', age: 30};

// 使用`new`关键字创建对象
let myObject = new Object();
myObject.name = 'Alice';
myObject.age = 30;

访问对象属性

可以通过.或[]操作符来访问对象的属性：

let myObject = {name: 'Alice', age: 30};
console.log(myObject.name); // 输出：Alice
console.log(myObject['age']); // 输出：30

修改对象属性

可以通过.或[]操作符来修改对象的属性：

let myObject = {name: 'Alice', age: 30};
myObject.name = 'Bob';
myObject['age'] = 25;
console.log(myObject); // 输出：{name: 'Bob', age: 25}

嵌套对象

对象可以嵌套，即对象中的属性值也可以是对象：

let myObject = {
    name: 'Alice',
    age: 30,
    address: {
        city: 'New York',
        zipCode: 10001
    }
};

console.log(myObject.address.city); // 输出：New York
console.log(myObject.address['zipCode']); // 输出：10001

函数（Function）

函数是JS中的一等公民，可以作为参数传递、赋值给变量，并且可以作为对象的属性。函数也是一种数据结构，在JS中被称为“可调用对象”。

创建函数

可以使用以下方式创建一个函数：

// 使用函数表达式
let myFunction = function() {
    console.log('Hello, World!');
};

// 使用函数声明
function myFunction() {
    console.log('Hello, World!');
}

调用函数

可以使用()操作符来调用函数：

function myFunction() {
    console.log('Hello, World!');
}

myFunction(); // 输出：Hello, World!

函数作为参数

在JS中，函数可以作为参数传递给另一个函数：

function greet(name) {
    console.log('Hello, ' + name + '!');
}

function sayHello(callback) {
    callback('World');
}

sayHello(greet); // 输出：Hello, World!

函数作为返回值

在JS中，函数也可以作为另一个函数的返回值：

function createGreeter() {
    return function(name) {
        console.log('Hello, ' + name + '!');
    };
}

let greet = createGreeter();
greet('Alice'); // 输出：Hello, Alice!