ホームページ ウェブフロントエンド jsチュートリアル すべての開発者が知っておくべき重要な JavaScript 配列メソッド

すべての開発者が知っておくべき重要な JavaScript 配列メソッド

Nov 08, 2024 pm 10:13 PM

Essential JavaScript Array Methods Every Developer Should Know

が含まれます
メソッド 戻り値 戻り値の型 説明
map() 新しいアレイ [1, 2, 3].map(x => x * 2) 新しい配列 [2, 4, 6] 配列の各要素に関数を適用して、新しい配列を作成します。
フィルター() 新しいアレイ [1, 2, 3, 4].filter(x => x > 2) 新しい配列 [3, 4] 条件に従って要素をフィルターし、新しい配列を返します。
concat() 新しいアレイ [1, 2].concat([3, 4]) 新しい配列 [1, 2, 3, 4] 複数の配列を追加し、新しい配列を返します。
スライス() 新しいアレイ [1, 2, 3, 4].slice(1, 3) 新しい配列 [2, 3] 指定されたインデックスからいくつかの要素をコピーし、新しい配列を返します。
結合() 文字列 [1, 2, 3].join('-') 文字列 '1-2-3' 配列のすべての要素を合計した文字列を返します。
reverse() 新しいアレイ [1, 2, 3].reverse() 新しい配列 [3, 2, 1] 配列の要素を反転し、新しい配列を返します。
には ()ブール値 [1, 2, 3].includes(2) 本当 配列に指定された要素が含まれているかどうかを確認します。
indexOf() 番号 (インデックス) [1, 2, 3].indexOf(2) 1 指定された要素の最初のインデックスを返します。
find() 最初に一致した要素 [1, 2, 3].find(x => x > 1) 2 最初に一致した要素を返します。
findIndex() 番号 (インデックス) [1, 2, 3].findIndex(x => x > 1) 1 最初に一致した要素のインデックスを返します。
フラット() 新しいアレイ [1, [2, 3], [4, 5]]. flat() 新しい配列 [1, 2, 3, 4, 5] 配列内のネストされた配列を連結し、新しい配列を返します。
flatMap() 新しいアレイ [1, 2]. flatMap(x => [x, x * 2]) 新しい配列 [1, 2, 2, 4] は最初に map() を実装し、次にフラット化します。
sort() 新しいアレイ [3, 1, 2].sort() 新しい配列 [1, 2, 3] 配列の要素を並べ替えます。
すべて() ブール値 [1, 2, 3].every(x => x > 0) 本当 すべての要素が条件を満たしている場合は true を返し、そうでない場合は false を返します。
いくつか() ブール値 [1, 2, 3].some(x => x > 2) 本当 1 つ以上の要素が条件を満たす場合に true を返します。
reduce() 単一の値 (数値など) [1, 2, 3].reduce((acc, x) => acc x, 0) 6 配列のすべての要素を組み合わせた単一の値を返します。
reduceRight() 単一の値 (数値など) [1, 2, 3].reduceRight((acc, x) => acc x, 0) 6 reduce() と似ていますが、右から左に動作します。

মেথড রিটার্ন ভ্যালু উদাহরণ রিটার্নের ধরন ব্যাখ্যা
push() New length (number) [1, 2].push(3) New length 3 একটি এলিমেন্ট অ্যারে শেষে যোগ করে এবং অ্যারের নতুন লেন্থ রিটার্ন করে।
pop() Removed element [1, 2, 3].pop() Removed element 3 অ্যারের শেষ থেকে একটি এলিমেন্ট মুছে ফেলে।
shift() Removed element [1, 2, 3].shift() Removed element 1 অ্যারের প্রথম এলিমেন্ট মুছে ফেলে।
unshift() New length (number) [1, 2].unshift(0) New length 3 একটি এলিমেন্ট অ্যারের প্রথমে যোগ করে এবং অ্যারের নতুন লেন্থ রিটার্ন করে।
splice() Changed part (array) [1, 2, 3].splice(1, 1, 4) Changed array [2] একটি নির্দিষ্ট ইনডেক্স থেকে এলিমেন্ট মুছে ফেলে এবং ঐ জায়গায় নতুন এলিমেন্ট যোগ করে।
sort() Changed array [3, 1, 2].sort() Changed array [1, 2, 3] অ্যারের এলিমেন্টগুলো সাজিয়ে দেয়।
fill() Changed array [1, 2, 3].fill(0) Changed array [0, 0, 0] অ্যারের সমস্ত এলিমেন্টকে একটি নির্দিষ্ট মান দিয়ে পূর্ণ করে।
copyWithin() Changed array [1, 2, 3, 4].copyWithin(0, 2) Changed array [3, 4, 3, 4] অ্যারের একটি অংশকে অন্যত্র কপি করে।
reverse() Changed array [1, 2, 3].reverse() Changed array [3, 2, 1] অ্যারের এলিমেন্টগুলো উল্টে দেয়, তবে এটি মূল অ্যারে পরিবর্তন করে।

以上がすべての開発者が知っておくべき重要な JavaScript 配列メソッドの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットな記事タグ

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

JavaScriptの文字列文字を交換します JavaScriptの文字列文字を交換します Mar 11, 2025 am 12:07 AM

JavaScriptの文字列文字を交換します

カスタムGoogle検索APIセットアップチュートリアル カスタムGoogle検索APIセットアップチュートリアル Mar 04, 2025 am 01:06 AM

カスタムGoogle検索APIセットアップチュートリアル

例JSONファイルの例 例JSONファイルの例 Mar 03, 2025 am 12:35 AM

例JSONファイルの例

8見事なjQueryページレイアウトプラグイン 8見事なjQueryページレイアウトプラグイン Mar 06, 2025 am 12:48 AM

8見事なjQueryページレイアウトプラグイン

10 jQuery構文蛍光物 10 jQuery構文蛍光物 Mar 02, 2025 am 12:32 AM

10 jQuery構文蛍光物

独自のAjax Webアプリケーションを構築します 独自のAjax Webアプリケーションを構築します Mar 09, 2025 am 12:11 AM

独自のAjax Webアプリケーションを構築します

' this' JavaScriptで? ' this' JavaScriptで? Mar 04, 2025 am 01:15 AM

' this' JavaScriptで?

10 JavaScript&JQuery MVCチュートリアル 10 JavaScript&JQuery MVCチュートリアル Mar 02, 2025 am 01:16 AM

10 JavaScript&JQuery MVCチュートリアル

See all articles