精选开源项目列表https://awesometop.cn/awesome 在JavaScript中检查数组中的所有元素是否满足某个条件是非常简单的,只需要遍历数组元素与条件比较就行。但是,如何检查数组的所有值是否相等呢?其实,只是从数组中取出一个值与数组的其余部分进行比较就可以了。
1.按值比较数组元素
除了使用常规的遍历手段,还有个快捷的方式就是使用Array.prototype.every()函数。因为我们需要将所有元素相互比较,我们可以直接使用第一个元素作为参照,并将其余数组与之进行比较。
注:every() 用于测试一个数组内的所有元素是否都能通过指定函数的测试。它返回一个布尔值。只要有一个检测结果返回false,整个结果就返回false。
const allEqual = arr => arr.every(val => val === arr[0]);
allEqual([1, 1, 1]); // true
allEqual([1, 1, 2]); // false
2.使用映射函数比较数组元素
对于更复杂的值,比如对象,可能需要使用映射函数来比较元素。这样,就可以根据特定的属性或自定义的比较函数来比较元素。 与值比较一样,只需要在第一个元素上调用映射函数,然后将数组的其余部分与这个结果进行比较。
const allEqualBy = (arr, fn) =>
arr.every((val, i) => fn(val, i, arr) === fn(arr[0], 0, arr));
allEqualBy([{ a: 1 }, { a: 1 }, { a: 1 }], obj => obj.a); // true
allEqualBy([{ a: 1 }, { a: 1 }, { a: 2 }], obj => obj.a); // false