ホームページ > ウェブフロントエンド > jsチュートリアル > jsの配列の走査方法とは何ですか

jsの配列の走査方法とは何ですか

下次还敢
リリース: 2024-05-06 11:09:20
オリジナル
651 人が閲覧しました

JavaScript の配列トラバーサル メソッドには次のものがあります。 forEach(): 各要素に対して指定された関数を実行します。 map(): 指定された関数を適用した結果を含む新しい配列を作成します。 filter(): 指定された条件を満たす要素を含む新しい配列を作成します。 find(): 指定された条件を満たす最初の要素を返します。 findIndex(): 指定された条件を満たす最初の要素のインデックスを返します。 some(): 指定された条件を満たす要素が 1 つ以上存在するかどうかを確認します。 Every(): すべての要素が指定された条件を満たしているかどうかを確認します。 reduce(): 配列を累積値に削減します。

jsの配列の走査方法とは何ですか

配列トラバーサル手法

配列トラバーサルとは、配列内の各要素に順番にアクセスして操作するプロセスを指します。 JavaScript には、配列を走査するためのメソッドがいくつか用意されています。

forEach() メソッド

forEach() メソッドは、配列内の各要素に対して指定された関数を実行します。構文は次のとおりです: forEach() 方法会对数组中的每个元素执行指定的函数。其语法为:

<code>array.forEach((element, index, array) => {
  // 对每个元素执行操作
});</code>
ログイン後にコピー

其中:

  • element 是当前正在处理的元素。
  • index 是当前元素在数组中的索引。
  • array 是指向原始数组的引用。

map() 方法

map() 方法会创建一个新数组,其中包含对原始数组每个元素应用指定函数后的结果。其语法为:

<code>const newArray = array.map((element, index, array) => {
  // 对每个元素执行操作并返回新值
});</code>
ログイン後にコピー

filter() 方法

filter() 方法会创建一个新数组,其中包含满足指定条件的原始数组中的元素。其语法为:

<code>const newArray = array.filter((element, index, array) => {
  // 返回 true 以保留元素,返回 false 以移除元素
});</code>
ログイン後にコピー

find() 方法

find() 方法会返回第一个满足指定条件的原始数组中的元素。如果未找到任何元素,则返回 undefined。其语法为:

<code>const element = array.find((element, index, array) => {
  // 返回 true 以返回找到的元素
});</code>
ログイン後にコピー

findIndex() 方法

findIndex() 方法返回第一个满足指定条件的原始数组中元素的索引。如果未找到任何元素,则返回 -1。其语法为:

<code>const index = array.findIndex((element, index, array) => {
  // 返回 true 以返回找到的元素的索引
});</code>
ログイン後にコピー

some() 方法

some() 方法检查原始数组中是否有至少一个元素满足指定的条件。其语法为:

<code>const result = array.some((element, index, array) => {
  // 返回 true 以停止检查并返回 true,返回 false 以继续检查
});</code>
ログイン後にコピー

every() 方法

every() 方法检查原始数组中的所有元素是否都满足指定的条件。其语法为:

<code>const result = array.every((element, index, array) => {
  // 返回 false 以停止检查并返回 false,返回 true 以继续检查
});</code>
ログイン後にコピー

reduce() 方法

reduce() 方法将原始数组减少为一个累积值。其语法为:

<code>const accumulator = array.reduce((accumulator, element, index, array) => {
  // 返回新的累积值
}, initialValue);</code>
ログイン後にコピー

其中:

  • accumulator 是当前累积值。
  • initialValuerrreee
  • ここで:
  • element は現在処理されている要素です。 🎜
  • index は、配列内の現在の要素のインデックスです。 🎜
  • array は元の配列への参照です。 🎜🎜🎜🎜map() メソッド🎜🎜🎜 map() メソッドは、指定された関数を元の配列の各要素に適用した結果を含む新しい配列を作成します。その構文は次のとおりです。 🎜rrreee🎜🎜filter() メソッド 🎜🎜🎜filter() メソッドは、指定された条件を満たす元の配列の要素を含む新しい配列を作成します。構文は次のとおりです。 🎜rrreee🎜🎜find() メソッド 🎜🎜🎜find() メソッドは、指定された条件を満たす元の配列の最初の要素を返します。要素が見つからない場合は、unknown が返されます。構文は次のとおりです。 🎜rrreee🎜🎜findIndex() メソッド 🎜🎜🎜findIndex() メソッドは、指定された条件を満たす元の配列内の最初の要素のインデックスを返します。要素が見つからない場合は、-1 が返されます。その構文は次のとおりです。 🎜rrreee🎜🎜some() メソッド 🎜🎜🎜some() メソッドは、元の配列内の少なくとも 1 つの要素が指定された条件を満たすかどうかを確認します。その構文は次のとおりです。 🎜rrreee🎜🎜every() メソッド 🎜🎜🎜every() メソッドは、元の配列内のすべての要素が指定された条件を満たしているかどうかを確認します。その構文は次のとおりです。 🎜rrreee🎜🎜reduce() メソッド 🎜🎜🎜reduce() メソッドは、元の配列を累積値に削減します。構文は次のとおりです: 🎜rrreee🎜 ここで: 🎜
    • accumulator は現在の累積値です。 🎜
    • initialValue はオプションの初期累積値です。指定しない場合は、配列の最初の要素が使用されます。 🎜🎜

以上がjsの配列の走査方法とは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート