JavaScript 中的数组

核心JavaScript数组方法详解

以下是一些常用的JavaScript数组方法：

1. push(): 向数组末尾添加一个或多个元素，并返回新数组的长度。

   <code class="language-javascript">let numbers = [1, 2, 3];
   console.log(numbers.push(4)); // 输出：4  numbers数组变为 [1, 2, 3, 4]</code>

2. slice(): 提取数组中指定索引范围内的元素，返回一个新数组。不改变原数组。

   <code class="language-javascript">let numbers = [1, 2, 3, 4, 5];
   console.log(numbers.slice(1, 4)); // 输出：[2, 3, 4]  (从索引1到3)</code>

3. splice(): 在数组中添加或删除元素。 可以指定起始索引、删除元素个数以及要插入的新元素。

   <code class="language-javascript">let fruits = ['apple', 'mango', 'orange', 'pear'];
   fruits.splice(2, 0, 'pawpaw', 'strawberries'); // 从索引2开始，不删除任何元素，插入'pawpaw'和'strawberries'
   console.log(fruits); // 输出：['apple', 'mango', 'pawpaw', 'strawberries', 'orange', 'pear']
   
   fruits.splice(2, 1); // 从索引2开始，删除1个元素
   console.log(fruits); // 输出：['apple', 'mango', 'strawberries', 'orange', 'pear']</code>

4. concat(): 连接两个或多个数组，返回一个新数组。不改变原数组。

   <code class="language-javascript">let arr1 = [1, 2, 3, 4];
   let arr2 = [5, 6, 7];
   console.log(arr1.concat(arr2)); // 输出：[1, 2, 3, 4, 5, 6, 7]
   let arr3 = [8, 9];
   console.log(arr1.concat(arr2, arr3)); // 输出：[1, 2, 3, 4, 5, 6, 7, 8, 9]</code>

5. fill(): 用指定的值替换数组中指定范围内的元素。

   <code class="language-javascript">let arr4 = [1, 2, 3, 4];
   arr4.fill('Anurag', 2, 4); // 从索引2到3，用'Anurag'填充
   console.log(arr4); // 输出：[1, 2, 'Anurag', 'Anurag']</code>

6. shift(): 删除数组的第一个元素，并返回该元素。

   <code class="language-javascript">let arr4 = [1, 2, 3, 4];
   arr4.shift();
   console.log(arr4); // 输出：[2, 3, 4]</code>

7. indexOf(): 返回数组中指定元素第一次出现的索引。如果元素不存在，则返回 -1。

   <code class="language-javascript">let arr4 = [1, 2, 3, 4];
   console.log(arr4.indexOf(3)); // 输出：2</code>

8. lastIndexOf(): 返回数组中指定元素最后一次出现的索引。如果元素不存在，则返回 -1。

   <code class="language-javascript">let arr4 = [1, 2, 3, 4, 3];
   console.log(arr4.lastIndexOf(3)); // 输出：4</code>

9. includes(): 判断数组是否包含指定元素，返回布尔值。

   <code class="language-javascript">let arr4 = [1, 2, 3, 4];
   console.log(arr4.includes(4)); // 输出：true
   console.log(arr4.includes(5)); // 输出：false</code>

10. pop(): 删除数组的最后一个元素，并返回该元素。

    <code class="language-javascript"> let arr4 = [1, 2, 3, 4];
     arr4.pop();
     console.log(arr4); // 输出：[1, 2, 3]</code>

11. join(): 将数组元素连接成一个字符串，并返回该字符串。可以指定分隔符。

    <code class="language-javascript"> let arr4 = [1, 2, 3];
     console.log(arr4.join('and')); // 输出：1and2and3</code>

12. unshift(): 在数组开头添加一个或多个元素，并返回新数组的长度。

    <code class="language-javascript"> let arr4 = [1, 2, 3];
     arr4.unshift(0);
     console.log(arr4); // 输出：[0, 1, 2, 3]</code>

我的GitHub链接
我的LinkedIn链接 (请替换为你的实际链接)

以上是JavaScript 中的数组的详细内容。更多信息请关注PHP中文网其他相关文章！