js 数组截取|极客教程

js 数组截取

1. 概述

在 JavaScript 中，数组截取是常用的操作之一。数组截取可以帮助我们从一个数组中获取所需的部分元素，使得我们能够方便地处理数组数据。本文将介绍 JavaScript 中数组截取的各种方法及其用法。

2. JavaScript中的数组

在 JavaScript 中，数组是一种特殊的对象，它由一系列按特定顺序排列的值组成。数组中的每个值称为元素，每个元素都有对应的索引。JavaScript中的数组可以包含任意类型的元素，包括数字、字符串、对象等。

创建一个数组的方法有多种，以下是其中一种示例：

// 创建一个包含数字元素的数组
let numbers = [1, 2, 3, 4, 5];

3. 数组截取的基本用法

JavaScript 提供了多种方法来截取数组的一部分元素。以下是常用的数组截取方法：

3.1 `slice()`

slice(start, end) 方法返回一个新数组，包含从 start 到 end（不包括 end）的元素。它不会修改原始数组。

let fruits = ['apple', 'banana', 'orange', 'grapefruit', 'kiwi'];

// 截取从索引 1 到索引 3（不包括）的元素
let slicedFruits = fruits.slice(1, 3);

console.log(slicedFruits); // 输出: ['banana', 'orange']

3.2 `splice()`

splice(start, deleteCount, item1, item2, ...) 方法用于删除或替换数组的元素，并返回被删除的元素。它会修改原始数组。

let fruits = ['apple', 'banana', 'orange', 'grapefruit', 'kiwi'];

// 从索引 1 开始删除 2 个元素，并插入两个新元素
let deletedFruits = fruits.splice(1, 2, 'pear', 'melon');

console.log(fruits); // 输出: ['apple', 'pear', 'melon', 'grapefruit', 'kiwi']
console.log(deletedFruits); // 输出: ['banana', 'orange']

3.3 `concat()`

concat(arr1, arr2, ..., arrn) 方法用于连接两个或多个数组，并返回结果数组。它不会修改原始数组。

let fruits1 = ['apple', 'banana'];
let fruits2 = ['orange', 'grapefruit'];
let fruits3 = ['kiwi'];

// 连接多个数组
let allFruits = fruits1.concat(fruits2, fruits3);

console.log(allFruits); // 输出: ['apple', 'banana', 'orange', 'grapefruit', 'kiwi']

3.4 `filter()`

filter(callback(element[, index[, array]])[, thisArg]) 方法根据指定的条件筛选数组元素，并返回符合条件的元素组成的新数组。

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

// 保留大于 3 的元素
let filteredNumbers = numbers.filter(number => number > 3);

console.log(filteredNumbers); // 输出: [4, 5]