【徹底解説】JavaScriptとjQueryで配列のすべての値が等しいかどうかを確認するあらゆる方法

2024-04-11

JavaScriptとjQueryで配列のすべての値が等しいかどうかを確認する方法

JavaScript

every() メソッドは、配列のすべての要素が指定された条件を満たしているかどうかを調べます。このメソッドは、すべての値が等しいかどうかを確認するために使用できます。

function allEqual(arr) {
  return arr.every(val => val === arr[0]);
}

const arr1 = [1, 2, 3];
const arr2 = [1, 1, 1];

console.log(allEqual(arr1)); // false
console.log(allEqual(arr2)); // true

function allEqual(arr) {
  return !arr.some(val => val !== arr[0]);
}

const arr1 = [1, 2, 3];
const arr2 = [1, 1, 1];

console.log(allEqual(arr1)); // false
console.log(allEqual(arr2)); // true

forループを使用して、配列のすべての要素を比較することもできます。

function allEqual(arr) {
  for (let i = 1; i < arr.length; i++) {
    if (arr[i] !== arr[0]) {
      return false;
    }
  }
  return true;
}

const arr1 = [1, 2, 3];
const arr2 = [1, 1, 1];

console.log(allEqual(arr1)); // false
console.log(allEqual(arr2)); // true

jQueryを使用すると、配列のすべての値が等しいかどうかを確認する方法はさらに簡潔になります。

$.each() メソッドを使用して、配列のすべての要素をループ処理し、すべての値が等しいかどうかを確認できます。

function allEqual(arr) {
  let allEqual = true;
  $.each(arr, function(i, val) {
    if (val !== arr[0]) {
      allEqual = false;
      return false;
    }
  });
  return allEqual;
}

const arr1 = [1, 2, 3];
const arr2 = [1, 1, 1];

console.log(allEqual(arr1)); // false
console.log(allEqual(arr2)); // true

$.unique() メソッドは、配列の重複する要素を削除します。このメソッドを使用して、配列の長さが1かどうかを確認することで、すべての値が等しいかどうかを確認できます。

function allEqual(arr) {
  return $.unique(arr).length === 1;
}

const arr1 = [1, 2, 3];
const arr2 = [1, 1, 1];

console.log(allEqual(arr1)); // false
console.log(allEqual(arr2)); // true

これらの方法のいずれを使用しても、JavaScriptとjQueryで配列のすべての値が等しいかどうかを簡単に確認できます。

注意事項

これらの方法は、単純なデータ型（数値、文字列など）の配列にのみ使用できます。
オブジェクトなどの複雑なデータ型を含む配列の場合は、比較する前に各要素をシリアライズする必要があります。

JavaScript

// every() メソッドを使用する例
function allEqual(arr) {
  return arr.every(val => val === arr[0]);
}

const arr1 = [1, 2, 3];
const arr2 = [1, 1, 1];

console.log(allEqual(arr1)); // false
console.log(allEqual(arr2)); // true

// some() メソッドを使用する例
function allEqual(arr) {
  return !arr.some(val => val !== arr[0]);
}

const arr1 = [1, 2, 3];
const arr2 = [1, 1, 1];

console.log(allEqual(arr1)); // false
console.log(allEqual(arr2)); // true

// for ループを使用する例
function allEqual(arr) {
  for (let i = 1; i < arr.length; i++) {
    if (arr[i] !== arr[0]) {
      return false;
    }
  }
  return true;
}

const arr1 = [1, 2, 3];
const arr2 = [1, 1, 1];

console.log(allEqual(arr1)); // false
console.log(allEqual(arr2)); // true

jQuery

// $.each() メソッドを使用する例
function allEqual(arr) {
  let allEqual = true;
  $.each(arr, function(i, val) {
    if (val !== arr[0]) {
      allEqual = false;
      return false;
    }
  });
  return allEqual;
}

const arr1 = [1, 2, 3];
const arr2 = [1, 1, 1];

console.log(allEqual(arr1)); // false
console.log(allEqual(arr2)); // true

// $.unique() メソッドを使用する例
function allEqual(arr) {
  return $.unique(arr).length === 1;
}

const arr1 = [1, 2, 3];
const arr2 = [1, 1, 1];

console.log(allEqual(arr1)); // false
console.log(allEqual(arr2)); // true

これらのサンプルコードを参考に、ご自身の用途に合わせてコードを編集してください。

JavaScriptとjQueryで配列のすべての値が等しいかどうかを確認するその他の方法

JavaScript

function allEqual(arr) {
  return arr.reduce((a, b) => a === b) === arr[0];
}

const arr1 = [1, 2, 3];
const arr2 = [1, 1, 1];

console.log(allEqual(arr1)); // false
console.log(allEqual(arr2)); // true

Set オブジェクトは、重複する要素を許可しないデータ構造です。配列を Set オブジェクトに変換し、そのサイズが1かどうかを確認することで、すべての値が等しいかどうかを確認できます。

function allEqual(arr) {
  return new Set(arr).size === 1;
}

const arr1 = [1, 2, 3];
const arr2 = [1, 1, 1];

console.log(allEqual(arr1)); // false
console.log(allEqual(arr2)); // true

jQuery

function allEqual(arr) {
  return $.map(arr, val => val === arr[0]).length === 1;
}

const arr1 = [1, 2, 3];
const arr2 = [1, 1, 1];

console.log(allEqual(arr1)); // false
console.log(allEqual(arr2)); // true

function allEqual(arr) {
  return $.grep(arr, val => val === arr[0]).length === arr.length;
}

const arr1 = [1, 2, 3];
const arr2 = [1, 1, 1];

console.log(allEqual(arr1)); // false
console.log(allEqual(arr2)); // true