如何在 JavaScript 陣列中執行偶數位置的數字?


本文將介紹如何在 JavaScript 陣列中執行偶數位置的數字,並提供相應的示例。

要執行 JavaScript 陣列中偶數位置的數字,我們需要獲取陣列的起始索引,並迴圈遍歷它,檢查索引是否位於奇數位置或偶數位置。

使用 filter() 方法:此方法將建立一個新的陣列,其中包含透過指定函式提供的測試的元素。此方法不會為空元素執行函式,並且此方法不會修改原始陣列。

語法

使用箭頭函式的 filter() 方法的語法如下:

filter((element) => { /* statement*/ } );
filter((element, index) => { /* statement */ } );
filter((element, index, array) => { /* statement */ } );
or
array.filter(((element, index) => { /* statement */ } );

其中,

  • element 是正在處理的元素。

  • index 是正在處理的索引。

  • array 是陣列的名稱。

示例 1

這是一個使用 filter() 方法在 JavaScript 中獲取陣列偶數位置的示例程式。

<!DOCTYPE html>
<html>
<head>
   <title>Execute digits in even places in a JavaScript array?</title>
</head>
<body>
   <p id="even" style="text-align : center"></p>
   <script>
      var arr = [1,2,3,4,5,6,7,8,9,10];
      let even_places = arr.filter((a, i) => i % 2 === 1);
      document.getElementById('even').innerHTML = 'The even elements in the array are : ' + even_places;
   </script>
</body>
</html>

執行上述程式碼後,將生成以下輸出。

示例 2

這是一個透過檢查索引是否為偶數來獲取陣列偶數位置的示例程式。如果索引為偶數,我們將元素推入新陣列。

<!DOCTYPE html>
<html>
<head>
   <title>Execute digits in even places in a JavaScript array?</title>
</head>
<body>
   <p id="even" style="text-align : center"></p>
   <script>
      var arr = [10, 20, 30, 40, 50, 60, 70, 80];
      var new_arr = [];
      function get_evenPlaces(arr) {
         for (var i = 0; i < arr.length; i++) {
            if ((i + 1) % 2 === 0) { // Index place is even
            new_arr.push(arr[i]);
         }
      }
      return new_arr;
      }
      document.getElementById('even').innerHTML = 'The even elements in the array are : ' + get_evenPlaces(arr);
   </script>
</body>
</html>

執行上述程式碼後,將生成以下輸出。

示例 3

這是一個從第二個元素開始並遞增索引到下一個偶數位置來獲取陣列偶數位置的示例程式。

<!DOCTYPE html>
<html>
<head>
   <title>Execute digits in even places in a JavaScript array?</title>
</head>
<body>
   <p id="even" style="text-align : center"></p>
   <script>
      var arr = [10, 20, 30, 40, 50, 60, 70, 80];
      var new_arr = [];
      function get_evenPlaces(arr) {
         for (var i = 1; i < arr.length; i += 2) {
            // Start from the second element and increment the index to next even position
            new_arr.push(arr[i]);
         }
         return new_arr;
      }
      document.getElementById('even').innerHTML = 'The even elements in the array are : ' + get_evenPlaces(arr);
   </script>
</body>
</html>

執行上述程式碼後,將生成以下輸出。

更新於: 2022年12月9日

113 次瀏覽

開啟你的 職業生涯

透過完成課程獲得認證

開始學習
廣告