JavaScript 如何从数组中获取前N个元素

要从JavaScript数组中获取前N个元素, 可以采用几种方法。以下是一些方法：

• 使用slice()方法
• 使用for循环
• 使用splice()方法
• 使用filter()方法

Example 1:
Input:
arr = [1, 2, 3, 4, 5, 6], n = 3 
Output: [1, 2, 3] 
Example 2:
Input:
arr = [6, 1, 4, 9, 3, 5, 7], n = 4
Output: [6, 1, 4, 9]

方法1: 使用slice()方法

slice()方法用于提取数组的一部分，并返回一个包含提取元素的新数组。它不会改变原始数组。

语法：

array.slice(start, end);

在这里，开始是要从哪里开始提取的起始索引，结束是要提取的结束索引。结束索引是独占的，即在提取的数组中不包括结束索引处的元素。

示例1：

Javascript

const arr = [1, 2, 3, 4, 5, 6]; 
const n = 3; 
const result = arr.slice(0, n); 
console.log(result); // Output: [1, 2, 3]

输出

[ 1, 2, 3 ]

在上面的例子中，我们有一个数组arr，我们想从中提取前3个元素。所以，我们使用了slice()方法，开始索引为0，结束索引为3，这将提取出前3个元素。

示例2：

Javascript

const arr = ['apple', 'banana', 'orange', 'grape', 'kiwi']; 
const n = 2; 
const result = arr.slice(0, n); 
console.log(result); // Output: ['apple', 'banana'] 

输出

[ 'apple', 'banana' ]

在上面的例子中，我们有一个数组arr，我们想从中提取前两个元素。所以，我们使用了slice()方法，起始索引为0，结束索引为2，以提取前两个元素。

方法2：使用for循环

我们也可以使用for循环来遍历数组并提取前N个元素。

语法：

for (let i = 0; i < n; i++) {
    // Access and store elements here
}

示例1：

JavaScript

const arr = [1, 2, 3, 4, 5, 6]; 
const n = 3; // Number of elements to extract 
const result = []; 
for (let i = 0; i < n; i++) { 
    result.push(arr[i]); 
} 
console.log(result); // Output: [1, 2, 3]

输出

[ 1, 2, 3 ]

在上面的例子中，我们初始化了一个空数组result，并使用for循环来迭代原始数组arr的前n个元素。我们访问并存储了这些元素在result数组中。

示例2：

Javascript

const arr = ['apple', 'banana', 'orange', 'grape', 'kiwi']; 
const n = 3; 
  
const result = []; 
  
for (let i = 0; i < n && i < arr.length; i++) { 
      result.push(arr[i]); 
} 
  
console.log(result); // Output: ['apple', 'banana', 'orange']

输出

[ 'apple', 'banana', 'orange' ]

在上面的示例中，我们声明一个空数组result来存储提取的元素。然后，我们使用for循环遍历原始数组arr的元素，并使用push()方法将前n个元素推入结果数组中。循环条件设置为当已提取n个元素或已处理完原始数组的所有元素时终止。

方法3：使用splice()方法

splice()方法可用于向数组中添加或删除元素。我们可以使用它来删除第N个元素之后的所有元素。

语法：

array.splice(start, deleteCount);

这里，start是要开始删除的起始索引，deleteCount是要删除的元素数量。我们可以将deleteCount设置为数组的长度，以删除第N个元素之后的所有元素。

示例1：

JavaScript

const arr = [1, 2, 3, 4, 5, 6]; 
const n = 3; 
arr.splice(n); 
console.log(arr); // Output: [1, 2, 3]

输出

[ 1, 2, 3 ]

在上面的示例中，我们有一个数组arr，我们想要删除第一个3个元素后的所有元素。因此，我们使用splice()方法，其起始索引为3（即第四个元素的索引），deleteCount设置为数组长度减去N。

示例2：

Javascript

const arr = ['apple', 'banana', 'orange', 'grape', 'kiwi']; 
const n = 3; 
arr.splice(n); 
console.log(arr); // Output: ['apple', 'banana', 'orange']

输出

[ 'apple', 'banana', 'orange' ]

在上面的例子中，我们有一个数组 arr，我们想删除第3个元素后的所有元素。所以，我们使用了 splice() 方法，它的起始索引为3（也就是第四个元素的索引），并且删除的数量设置为数组长度减去 N 。

方法4：使用 filter() 方法

我们也可以使用 filter() 方法，但是这个方法的效率并不高，因为它需要遍历整个数组。

示例：

JavaScript

const arr = [1,2,3,4,5,6]; 
const n = 4; 
  
const newArray = arr.filter((element, index) => index < n); 
console.log(newArray);

输出：

[ 1, 2, 3, 4 ]