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中文網其他相關文章！