【JavaScript】someメソッドとは？使い方や実務での活用を初心者向けにわかりやすく解説

フロントエンド開発•
JavaScript

はじめに

JavaScriptには、配列の要素を扱うためのさまざまなメソッドがあります。
その中でも、ある条件を満たす要素が「一つでも存在するか」を確認できるメソッドがsomeメソッドです。

皆さんは、配列の中に特定の条件に合うデータが含まれているかを簡単にチェックしたい場面はありませんか？
たとえば、ユーザー情報の配列を管理し、その中で条件に合致するユーザーが存在するかどうかを判断するケースです。

このsomeメソッドは、要素が多い配列でも処理がシンプルになり、条件を見つけた時点で検索を打ち切ることができるため、効率的な書き方がしやすい特徴があります。
ここでは、初心者の方にもわかりやすい言葉でsomeメソッドの基本から実務での活用イメージまでを丁寧に解説していきます。

この記事を読むとわかること

  • someメソッドの基本的な使い方
  • 類似の配列メソッド (filterやeveryなど) との違い
  • 実務で活躍する場面や具体的な活用例
  • わかりやすいコード例と解説
  • エラーやパフォーマンスへの考慮ポイント

ここで解説する内容を理解することで、単にJavaScriptのコードを書くだけでなく、実際の業務で配列のチェック処理を効率良く行う方法を学んでいただけるはずです。

someメソッドの概要

someメソッドとは、配列の要素を1つずつチェックしながら、ある条件を満たす要素が配列内にひとつでも存在するかを確認できる機能です。
該当する要素が見つかるとtrueを返し、見つからなければfalseを返します。

たとえば「ユーザー一覧の中で、何らかの条件に合うユーザーがいるかを確かめたい」「商品リストの中に在庫切れの商品があるかを探したい」などの場面で役立ちます。

どのように使うのか

基本的な構文は次のとおりです。

const result = array.some((element, index, array) => {
  // 条件式
  return element === 条件;
});
  • array: someメソッドを呼び出している配列自身
  • element: ループ中の現在の要素
  • index: 現在の要素のインデックス
  • array: ループ中の現在の配列（第一引数と同じ）

このコールバック関数がtrueを返した時点で、someメソッドは処理を終了してtrueを返します。
もし全ての要素についてコールバック関数がfalseを返した場合、最終的にsomeメソッドの戻り値はfalseとなります。

someメソッドが便利な理由

someメソッドは、単に配列をループさせるだけならばfor文でも実装できますが、次のようなメリットを得られます。

1. コードが読みやすい

条件を満たす要素があるかどうかだけをシンプルに書けるので、可読性が高まります。

2. 検索が途中で打ち切られる

ある条件に合致する要素が見つかった時点で処理を終了できるため、無駄なループを減らせる可能性があります。

3. 配列操作における他のメソッドと使い分けしやすい

filterやfind、everyなどと組み合わせると、配列操作の流れがより整理しやすくなります。

実務との関連

たとえば、ECサイトで複数の商品を一括管理しているとします。
「割引対象商品の中にカテゴリAの商品が含まれているかをチェックする」というような場面では、someメソッドが非常に役立ちます。

以下のような処理をイメージしてください。
在庫リストstockListに対してある条件を満たす商品（カテゴリが"Clothes"でかつ割引中）が存在するかどうかを一瞬で確認できます。

const stockList = [
  { name: "T-Shirt", category: "Clothes", discount: true },
  { name: "Mug Cup", category: "Kitchen", discount: false },
  { name: "Shoes", category: "Clothes", discount: false },
];

const hasDiscountClothes = stockList.some(item => {
  return item.category === "Clothes" && item.discount === true;
});

console.log(hasDiscountClothes); // true

この例では、「衣料品カテゴリーの商品で、かつ割引中の商品がひとつでも存在するか」をチェックし、trueまたはfalseを得ることができます。

someメソッドの使い方の流れ

someメソッドを導入する上で、実際にどのように書くかをもう少し詳しく解説します。

基本的なサンプルコード

以下に、簡単なサンプルを示します。

const numbers = [1, 3, 5, 7, 8, 9];

const isEvenExist = numbers.some(num => {
  return num % 2 === 0;
});

console.log(isEvenExist); // true
  • この例では、配列numbersの中に「偶数が1つでもあるか」を確認しています。
  • 結果として最初に出会う偶数（8）によってtrueが返され、その時点でループを打ち切ります。

コールバック関数の使い方

コールバック関数の引数にindexやarrayを指定すると、より柔軟な処理ができます。
次の例では、インデックスを使ったログ表示を加えてみます。

const users = [
  { id: 1, name: "Alice", admin: false },
  { id: 2, name: "Bob", admin: false },
  { id: 3, name: "Charlie", admin: true },
];

const hasAdmin = users.some((user, index) => {
  console.log(`${index}番目のユーザー: ${user.name}`);
  return user.admin === true;
});

console.log(hasAdmin); // true
  • console.logでは、ループがどのように進んでいるかを確認できます。
  • この例のように、最初の段階でadminがtrueのユーザー（Charlie）に遭遇した時点で、someメソッドはtrueを返し、ループを打ち切る動きになります。

アロー関数以外の書き方

functionキーワードを使うと、次のように書くことも可能です。
ただし、初心者の方でもわかりやすく簡潔に書けるアロー関数を使うほうが主流になりつつあります。

const scores = [50, 60, 70, 80];

const hasHighScore = scores.some(function(score) {
  return score >= 75;
});

console.log(hasHighScore); // true

どちらの書き方でも機能は同じです。

someメソッドと他の配列メソッドの比較

JavaScriptにはsomeの他にも配列を扱うための便利なメソッドが存在します。
ここでは、filter・every・findといった代表的なメソッドと比較しながら、someメソッドの特徴をもう少し深掘りします。

filterとの違い

filterメソッドは、配列の中で条件を満たす全ての要素を抽出し、新しい配列として返します。

一方で、someメソッドは条件を満たす要素が存在するかどうかだけをチェックし、true/falseを返します。
要素そのものを取り出したい場合はfilterを使い、存在確認が必要なだけならsomeメソッドが適しています。

everyとの違い

everyメソッドは、配列の全要素が条件を満たすかどうかを判断し、すべて満たせばtrue、どれかひとつでも満たさないものがあればfalseを返します。

someメソッドが「少なくともひとつが条件を満たす」を確認するのに対し、everyメソッドは「すべてが条件を満たす」を確認します。
条件をどう捉えるかによって、someかeveryかを使い分けられます。

findとの違い

findメソッドは、配列の中から条件を満たす最初の要素を取得して返す機能です。
someメソッドはtrue/falseを返し、findメソッドは実際の要素を返すという違いがあります。

  • 「要件に合う要素をそのまま取り出して使いたい」ときはfind
  • 「とりあえず条件を満たす要素があるかどうかだけ知りたい」ときはsome

というように使い分けができます。

実務での活用例

someメソッドは、実際の開発現場でも多様なシーンで利用されます。
ここではよくある場面を挙げてみます。

ユーザー認証・アクセス権のチェック

ユーザーが持つ権限情報の配列に「管理者権限が含まれているか」「特定のロール（役割）が1つでもあるか」などを調べる場面では、someメソッドが手軽に使えます。

以下の例では、ユーザーが「editor」という権限を少なくとも1つ持っているかをチェックしています。

const userRoles = ["viewer", "contributor", "editor"];

const canEditContent = userRoles.some(role => {
  return role === "editor";
});

console.log(canEditContent); // true

複雑なロールが増えた場合でも、基本的なチェックの書き方は変わりません。

ECサイトの在庫チェック

先ほどの割引商品カテゴリの例にも似ていますが、ユーザーが購入しようとしている商品リストの中で「在庫が残り僅か」なものがあるかを探したい場合などにも使えます。

const cartItems = [
  { name: "Laptop", stock: 10 },
  { name: "Headphones", stock: 0 },
  { name: "Notebook", stock: 2 },
];

const hasSoldOut = cartItems.some(item => {
  return item.stock === 0;
});

console.log(hasSoldOut); // true

実務では、このtrue/falseの結果をもとに画面表示やエラーメッセージを切り替えたりします。

管理画面でのフォーム検証

フォーム上で入力されたデータが複数ある場合に、バリデーションエラーがひとつでも存在するかを判定する際に便利です。
ユーザーが入力した値を配列として持っておき、バリデーションルールに合わない値が一つでもあるならエラーを表示するといった流れです。

const userInputs = [
  { fieldName: "name", valid: true },
  { fieldName: "email", valid: false },
  { fieldName: "password", valid: true },
];

const hasInvalidInput = userInputs.some(input => {
  return input.valid === false;
});

if (hasInvalidInput) {
  console.log("エラーがあります。修正してください。");
} else {
  console.log("問題ありません。");
}

注意点と落とし穴

someメソッドは便利ですが、使い方を間違えると意図しない挙動をする場合もあります。

条件の書き忘れや曖昧な条件

コールバック関数で返す条件が曖昧だと、想定外の要素をtrueとして判定してしまうことがあります。
たとえば、次のようにうっかり条件式を記述しないままtrueを返してしまうケースです。

// NG例
const values = [10, 20, 30];
const result = values.some(value => {
  return true; // 常にtrue！
});
console.log(result); // true

このように書いてしまうと、配列の内容に関係なく必ずtrueを返すことになるので注意が必要です。

空の配列への適用

someメソッドを空の配列に対して呼び出すと、自動的にfalseが返ります。
要素がひとつも存在しないということは、条件を満たす要素が存在しないのと同義になるためです。

const emptyArray = [];
const result = emptyArray.some(el => el > 0);
console.log(result); // false

これ自体は仕様通りですが、想定外の空配列を渡してしまうと、「実は何もチェックできていない」という結果になるため、事前にデータの中身を確認しておくことも大切です。

パフォーマンスへの配慮

someメソッドは、最初に条件を満たす要素が見つかった時点で処理を打ち切るので、多くの場合は効率的に動作します。
一方で、条件を満たす要素が末尾にあると、最終的に配列の最後までチェックすることになります。

配列が非常に大きい場合には、必要に応じてインデックスでのアクセスや他のデータ構造を検討することもあります。

someメソッドは「条件を満たす要素がひとつでもあるか」をシンプルに書けるメリットがありますが、配列のすべての要素を見に行く可能性がある点は意識しておきましょう。

よくある疑問やトラブルシュート

初めてsomeメソッドを使う人が抱えやすい疑問や、陥りやすいトラブルを整理してみます。

1. true/false以外を返したい場合はどうするのか

someメソッドはtrueかfalseしか返せません。
もし、条件を満たす要素をそのまま取得したいのであれば、findメソッドを使いましょう。
一方で、要素を取り出すのではなく「存在する・しない」だけ確認できればOKというときはsomeで十分です。

2. 配列内の全ての要素が条件を満たすか確認したい

その場合はeveryメソッドを使います。
someメソッドとは正反対の動作で、配列の全要素が条件を満たしたときにtrueを返します。

3. 一度に複数の条件をチェックしたいが書き方が複雑になる

コールバック関数の中で、複数の条件を組み合わせると長くなってしまうこともあるかもしれません。
基本的には論理演算子（&&, ||）を使って記述しますが、可読性が落ちると感じたら変数に分けるなど工夫しましょう。

const complexCheck = array.some(item => {
  const conditionA = item.category === "Clothes";
  const conditionB = item.discount === true;
  return conditionA && conditionB;
});

具体的なコード例：実務での応用シナリオ

ここでは、もう少し踏み込んだ具体例を用意してみました。
「チャットアプリのメッセージ閲覧状況を管理する」という想定で、あるユーザーが未読のメッセージをひとつでも持っているかを確かめるケースです。

const users = [
  {
    name: "Alice",
    messages: [
      { text: "Hello!", isRead: true },
      { text: "How are you?", isRead: false },
    ]
  },
  {
    name: "Bob",
    messages: [
      { text: "Hey!", isRead: true },
      { text: "See you later.", isRead: true },
    ]
  }
];

function hasUnreadMessages(userName) {
  // 指定したユーザーを検索
  const targetUser = users.find(user => {
    return user.name === userName;
  });

  if (!targetUser) {
    // ユーザーが見つからない場合はエラー処理などを行う
    return false;
  }

  // someメソッドで、未読メッセージがあるかを確認
  return targetUser.messages.some(message => {
    return message.isRead === false;
  });
}

console.log(hasUnreadMessages("Alice")); // true
console.log(hasUnreadMessages("Bob"));   // false
  • findメソッドで対象ユーザーを取得し、そのユーザーが持つmessages配列に対してsomeを使っています。
  • 未読のメッセージisRead === falseを持つ要素がひとつでもあればtrueを返す実装です。

このように、データ構造が複雑になるほどsomeメソッドの活用価値は高まります。
複雑なロジックをコンパクトに書きやすくなり、メンテナンスもしやすくなります。

エラー処理と例外処理の工夫

someメソッド自体は、コールバック関数でエラーが発生しない限りエラーを投げることはあまりありません。
しかし、次のような状況はよくあるので気をつけましょう。

nullやundefinedが混在している

someメソッドは「配列オブジェクト」に対してのみ適用できるため、もし変数がnullやundefinedのままの可能性があるなら、事前に配列かどうかをチェックする必要があります。

function checkArray(arr) {
  if (!Array.isArray(arr)) {
    return false;
  }
  return arr.some(elem => elem === "target");
}

コールバック関数内での例外

コールバック関数内で例外を発生させた場合、その時点で処理が止まります。
たとえば、undefinedなプロパティを参照しようとしてエラーが出るケースなどには注意が必要です。

const dataList = [null, { value: 2 }, { value: 3 }];

try {
  const result = dataList.some(item => {
    // itemがnullのとき item.value でエラーになる
    return item.value === 2; 
  });
  console.log(result);
} catch (err) {
  console.error("エラー:", err.message);
}

このような場合は、itemがnullやundefinedでないかをチェックしてからプロパティを参照すると安全です。

テストやデバッグで気をつけるポイント

someメソッドが正しく動作しているかをテストする際には、次のような観点を押さえると良いでしょう。

  1. 条件を満たす要素が先頭にあるケース
  2. 条件を満たす要素が末尾にあるケース
  3. 条件を満たす要素がまったくないケース
  4. 配列が空のケース
  5. nullやundefinedなど、想定外の型が混在しているケース

上記を網羅的にテストすることで、思わぬバグを防ぎやすくなります。

someメソッドは条件に合致するかどうかをすばやく判定できる一方で、テスト時には要素の配置や型によって挙動が変わりやすいことを意識しておきましょう。

まとめ

ここまで、JavaScriptのsomeメソッドについて基本的な構文や実務での活用例、他メソッドとの比較、そして注意点などを丁寧に解説してきました。

  • someメソッドは**「配列の中に条件を満たす要素がひとつでもあるか」**を調べたいときに便利
  • 条件を満たす要素を見つけると、そこでループを打ち切るため効率的に処理できる
  • filterやevery、findといった他の配列メソッドとは用途や返り値に違いがある
  • 空配列に対してはfalseになることや、nullが混ざった配列を扱う際にはエラーに注意する必要がある
  • 実務では、ユーザー権限のチェック、ECサイトでの在庫確認、フォームのバリデーションなど幅広い場面で活用できる

someメソッドを上手に使うと、配列内の要素チェックをシンプルに表現できます。
初心者の方にも扱いやすいメソッドですので、まずは小さなサンプルコードから試してみて、慣れてきたら実務に活かしてみてはいかがでしょうか。

JavaScriptをマスターしよう

この記事で学んだJavaScriptの知識をさらに伸ばしませんか？
Udemyには、現場ですぐ使えるスキルを身につけられる実践的な講座が揃っています。

JavaScriptの人気講座ランキングを見る筆者おすすめ No.1 講座！「ちゃんと学ぶ、HTML/CSS + JavaScript」
フロントエンド開発の新着記事をチェック

フロントエンドエンジニアとは？初心者にもわかりやすい徹底解説