1. フィルター()文法:
パラメータの説明: //年齢が10より大きい要素をフィルタリングします。var ages = [5, 32, 7, 10, 33, 12, 40]; var res = ages.filter(関数(現在の値) { 現在の値 > 10 を返します。 }) コンソールにログ出力します。 // 出力: 32,33,12,40 //矢印関数の記述 var res1 = ages.filter(item => item > 10) コンソールにログ出力します。 出力:
2. 各()文法:
//各パラメータをループして出力します var ages = [5, 32, 7, 10, 33, 12, 40]; 年齢.forEach(関数(現在の値、インデックス) { console.log("パラメータ:" + 現在の値 + "インデックス:" + インデックス); }) //矢印関数の記述 ages.forEach((item, index) => { console.log("パラメータ:" + 項目 + "インデックス:" + インデックス); }) 次のコードを見てみましょう。 //10を20に変更 var 年齢 = [5, 32, 7, 10, 33, 12, 40]; 年齢.forEach(関数(現在の値、インデックス) { (現在の値 === 10)の場合{ 年齢[インデックス] = 20 戻る } コンソールログ(インデックス); }) console.log(経過時間); コード内の値を 10 から 20 に変更した後、 3. いくつか()文法:
//10を20に変更 var 年齢 = [5, 32, 7, 10, 33, 12, 40]; 年齢.some(関数(現在の値、インデックス) { (現在の値 === 10)の場合{ 年齢[インデックス] = 20 真を返す } コンソールログ(インデックス); }) console.log(経過時間); // 10 を 20 に変更する矢印関数 var ages = [5, 32, 7, 10, 33, 12, 40]; 年齢.some((項目, インデックス) => { (項目 === 10)の場合{ 年齢[インデックス] = 20 真を返す } コンソールログ(インデックス); }) console.log(経過時間); 上記のコードを実行すると、 4. すべて()文法:
// 各要素の値が4より大きいかどうかを確認します var 年齢 = [5, 32, 7, 10, 33, 12, 40]; var res = ages.some(関数(現在の値) { 現在の値>4を返す }) コンソールログ(res); // 出力: true //矢印関数 var res = ages.some(item => item > 4) コンソールログ(res); 5. 減らす()文法:
パラメータの説明: //すべての要素の合計を計算します var numbers = [15.5, 2.3, 1.1, 4.7]; var res = numbers.reduce(関数 (total, currentValue) { 合計 += 現在の値を返す }, 0) コンソールログ(res); //23.6 //4より大きい要素の合計を計算します var result = numbers.filter(item => item > 4).reduce((total, item) => total += item, 0) console.log(結果); //20.2 6. 配列を結合する
var arr = [1, 2, 3] var arr2 = [4, 5, 6] var res = [...arr, ...arr2] コンソールログ(res); // 出力: [1, 2, 3, 4, 5, 6] var res = [...arr2, ...arr] コンソールログ(res); // 出力: [4, 5, 6, 1, 2, 3] よく使われる JavaScript 配列メソッドに関するこの記事はこれで終わりです。配列 JavaScript に関するより関連性の高いコンテンツについては、123WORDPRESS.COM の過去の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 以下もご興味があるかもしれません:
|
>>: MySQL のソートとページング (order by と limit) と既存の落とし穴
概要: 2 つの MySQL SQL ステートメント ロックの分析次のSQL文にどのようなロックが追...
1. レスポンシブな Web を開発するには、ページを画面サイズに適応させる必要があります。前の記...
序文スタートアップ企業が最初はモノリシック アプリケーションを主要なアーキテクチャとして使用し、通常...
今日はベテランの貴重な経験を共有します。著者は技術管理の経験が7年あり、多い時は80人以上を率いてい...
マウスをドラッグしてページのスクリーンショットを撮ります(指定した領域にスクリーンショットをドラッグ...
Ubuntu では、ショートカット キーでタッチパッドをオフにできない状況によく遭遇します。この問題...
<area> タグは主にイメージマップで使用されます。イメージマップにアクティブ領域 (...
文字化けしたコードの問題は次のとおりです。 この問題の原因は非常に単純です。コマンドラインのエンコー...
この記事では、主に、円形のダイナミックな光る特殊効果アニメーションを実現するための純粋な CSS3 ...
本日、ゲームを再起動した後、バックアップしたデータをターゲットデータベースにインポートできないことが...
目次1. はじめに2. 関数型プログラミングとは何ですか? 3. 純粋関数(関数型プログラミングの基...
カスタム タグは XML ファイルと HTML ファイルで自由に使用できますが、いくつか注意すべき点...
なお、これはvue-cliで作成したプロジェクトではありません。vue.jsを参照して記述したHTM...
RedHat6.5インストールMySQL5.7チュートリアル共有、参考までに、具体的な内容は次のとお...
目次1. DATETIMEとTIMESTAMPの使用1. 類似点2. 相違点3. 選択2. varc...