正文

掌握JS数组奇偶数判断技巧，轻松筛选出你想要的数字！

/0 浏览量
0323

在JavaScript中，处理数组是一项常见的任务。特别是在需要对数组中的元素进行筛选时，比如筛选出奇数或偶数。掌握一些奇偶数判断的技巧，可以让你的数组操作更加高效和简洁。以下是一些实用的JavaScript代码示例，帮助你轻松筛选出想要的数字。

1. 使用filter()方法筛选奇数

filter()方法可以创建一个新数组，包含通过所提供函数实现的测试的所有元素。以下是一个使用filter()方法筛选出数组中所有奇数的例子：

const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const oddNumbers = numbers.filter(number => number % 2 !== 0);
console.log(oddNumbers); // 输出: [1, 3, 5, 7, 9]

这里，number % 2 !== 0是一个测试函数，它检查每个数字是否不能被2整除，即判断它是否为奇数。

2. 使用map()方法筛选偶数

与filter()类似，map()方法也可以创建一个新数组，但它会返回一个包含对每个元素调用提供函数的结果的新数组。以下是一个使用map()方法筛选出数组中所有偶数的例子：

const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const evenNumbers = numbers.map(number => number % 2 === 0 ? number : null);
console.log(evenNumbers); // 输出: [2, 4, 6, 8, 10]

在这个例子中，我们使用了三元运算符来检查每个数字是否为偶数。如果是，就保留它；如果不是，就返回null。

3. 使用reduce()方法计算奇数和偶数的数量

reduce()方法对数组中的每个元素执行一个由您提供的reducer函数（升序执行），将其结果汇总为单个返回值。以下是一个使用reduce()方法计算数组中奇数和偶数数量的例子：

const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const counts = numbers.reduce((acc, number) => {
  if (number % 2 === 0) {
    acc.even++;
  } else {
    acc.odd++;
  }
  return acc;
}, { odd: 0, even: 0 });

console.log(counts); // 输出: { odd: 5, even: 5 }

在这个例子中，我们初始化一个对象{ odd: 0, even: 0 }作为累加器，然后在遍历数组的过程中根据奇偶性增加相应的计数。

4. 使用forEach()方法直接在控制台输出奇数或偶数

forEach()方法用于遍历数组的每个元素，对每个元素执行由你提供的函数。以下是一个使用forEach()方法直接在控制台输出数组中所有奇数的例子：

const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
numbers.forEach(number => {
  if (number % 2 !== 0) {
    console.log(number); // 输出奇数
  }
});

在这个例子中，我们只对满足条件的元素执行操作，即输出奇数。

通过上述技巧，你可以轻松地在JavaScript中筛选出数组中的奇数或偶数。这些方法不仅可以帮助你更好地理解JavaScript数组操作，还可以在处理大量数据时提高效率。

-- 展开阅读全文 --