在 JavaScript 数组中执行偶数位置的数字?

javascriptweb developmentfront end technology

在本文中,给定的任务是使用适当的示例在 JavaScript 数组中执行偶数位置的数字。

要执行 JavaScript 数组中偶数位置的数字,我们需要获取数组的起始索引,并且需要通过检查索引是在奇数位置还是偶数位置来循环遍历它。

使用 filter() 方法:此方法将创建一个新数组,其中包含通过指定函数提供的测试的元素。此方法不会对空元素执行函数,并且此方法不会修改原始数组。

语法

带有箭头函数的 filter() 方法的语法是 −

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

其中,

  • 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>

执行上述代码后,将生成以下输出。


相关文章