1. 連結() var arr1 = [1,2,3]; var arr2 = [4,5]; var arr3 = arr1.concat(arr2); console.log(arr1); //[1, 2, 3] console.log(arr3); //[1, 2, 3, 4, 5] 2. 結合() var arr = [2,3,4]; console.log(arr.join()); //2,3,4 console.log(arr); //[2, 3, 4] 3. プッシュ() var a = [2,3,4]; var b = a.push(5); コンソールログ(a); //[2,3,4,5] コンソールログ(b); //4 5. シフト() var arr = [2,3,4]; console.log(arr.shift()); //2 console.log(arr); //[3,4] 6. シフト解除() var arr = [2,3,4,5]; console.log(arr.unshift(3,6)); //6 console.log(arr); //[3, 6, 2, 3, 4, 5] ヒント:このメソッドではパラメータを渡す必要はありません。パラメータが渡されない場合、要素は追加されません。 7. スライス() var arr = [2,3,4,5]; console.log(arr.slice(1,3)); //[3,4] console.log(arr); //[2,3,4,5] スプライス() var a = [5,6,7,8]; console.log(a.splice(1,0,9)); //[] console.log(a); // [5, 9, 6, 7, 8] var b = [5,6,7,8]; console.log(b.splice(1,2,3)); //[6, 7] コンソール.log(b); //[5, 3, 8] 9. substring() と substr()類似点:パラメータを 1 つだけ記述する場合、両方の機能は同じです。どちらも、現在の添え字から文字列の末尾までの文字列フラグメントをインターセプトします。 substr(開始インデックス); 部分文字列(開始インデックス); var str = '123456789'; console.log(str.substr(2)); // "3456789" console.log(str.substring(2)) ;// "3456789" 相違点: 2 番目のパラメーター console.log("123456789".substr(2,5)); // "34567" console.log("123456789".substring(2,5)); // "345" 10. 並べ替え
var fruit = ['チェリー', 'リンゴ', 'バナナ']; fruit.sort(); // ['リンゴ', 'バナナ', 'チェリー'] var スコア = [1, 10, 21, 2]; スコア.sort(); // [1, 10, 2, 21] 11. 逆順() var arr = [2,3,4]; console.log(arr.reverse()); //[4, 3, 2] console.log(arr); //[4, 3, 2] 12. indexOf と lastIndexOf var a = [2, 9, 9]; a.indexOf(2); // 0 a.indexOf(7); // -1 (a.indexOf(7) === -1)の場合{ // 要素が配列に存在しません } 最後のインデックス var 数値 = [2, 5, 9, 2]; numbers.lastIndexOf(2); // 3 numbers.lastIndexOf(7); // -1 numbers.lastIndexOf(2, 3); // 3 数値.lastIndexOf(2, 2); // 0 numbers.lastIndexOf(2, -2); // 0 numbers.lastIndexOf(2, -1); // 3 13. すべてのペア配列
関数 isBigEnough(要素, インデックス, 配列) { 要素 < 10 を返します。 } [2, 5, 8, 3, 4].every(isBigEnough); // 真 14. いくつか
関数比較(要素、インデックス、配列) { 要素 > 10 を返します。 } [2, 5, 8, 1, 4].some(比較); // 偽 [12, 5, 8, 1, 4].some(比較); // 真 15. フィルター
var words = ["spray", "limit", "elite", "exuberant", "destruction", "present", "happy"]; var longWords = words.filter(function(word){ word.length > 6 を返します。 }); // フィルタリングされた配列 longWords は ["exuberant", "destruction", "present"] です 16. 地図配列内の各項目に対して指定された関数を実行し、各関数呼び出しの結果で構成される新しい配列を返します。 var 数値 = [1, 5, 10, 15]; var doubles = numbers.map(function(x) { x * 2 を返します。 }); // doubles は [2, 10, 20, 30] になります // 数字は [1, 5, 10, 15] のままです 17. forEach配列の走査定数項目 = ['項目1', '項目2', '項目3']; 定数コピー = []; items.forEach(関数(item){ copy.push(アイテム) });
1. find():コールバック関数を渡して、現在の検索条件に一致する配列内の最初の要素を検索し、それを返して、検索を終了します。 定数arr = [1, "2", 3, 3, "2"] console.log(arr.find(n => typeof n === "number")) // 1 2. findIndex():コールバック関数を渡して、現在の検索条件に一致する配列内の最初の要素を見つけ、そのインデックスを返して、検索を終了します。 定数arr = [1, "2", 3, 3, "2"] console.log(arr.findIndex(n => typeof n === "number")) // 0 3. 塗りつぶし():配列内の要素を新しい要素に置き換えます。置き換えの添え字範囲を指定できます。 arr.fill(値、開始、終了) 4. copyWithin():配列のインデックスを選択し、その位置から配列要素のコピーを開始します。デフォルトでは、0 からコピーを開始します。コピーする要素の範囲を指定することもできます。 arr.copyWithin(ターゲット、開始、終了) 定数arr = [1, 2, 3, 4, 5] コンソールログ(arr.copyWithin(3)) // [1,2,3,1,2] はインデックス 3 の要素から始まり、配列をコピーします。そのため、4 と 5 は 1 と 2 に置き換えられます。 定数arr1 = [1, 2, 3, 4, 5] コンソールログ(arr1.copyWithin(3, 1)) // [1,2,3,2,3] はインデックス 3 の要素から開始し、配列をコピーします。コピーされる最初の要素のインデックスは 1 なので、4 と 5 は 2 と 3 に置き換えられます。 定数arr2 = [1, 2, 3, 4, 5] コンソールログ(arr2.copyWithin(3, 1, 2)) // [1,2,3,2,5] はインデックス 3 の要素から始まり、配列をコピーします。コピーされる最初の要素はインデックス 1 で、終了位置は 2 なので、4 は 2 に置き換えられます。 5. から
const バー = ["a", "b", "c"]; 配列.from(バー); // ["a", "b", "c"] 配列.from('foo'); // ["f", "o", "o"] 6.の値のセットを配列に変換するために使用されます。このメソッドの主な目的は、配列コンストラクター 配列() // [] 配列(3) // [, , ,] 配列(3, 11, 8) // [3, 11, 8] 配列.of(7); // [7] 配列.of(1, 2, 3); // [1, 2, 3] 配列(7); // [ , , , , , , ] 配列(1, 2, 3); // [1, 2, 3] 7.entries()はイテレータを返します。キーと値のペアを返します。//配列 const arr = ['a', 'b', 'c']; for(let v of arr.entries()) { コンソールログ(v) } // [0, 'a'] [1, 'b'] [2, 'c'] //セット const arr = new Set(['a', 'b', 'c']); for(let v of arr.entries()) { コンソールログ(v) } // ['a', 'a'] ['b', 'b'] ['c', 'c'] //地図 定数 arr = 新しい Map(); arr.set('a', 'a'); arr.set('b', 'b'); for(let v of arr.entries()) { コンソールログ(v) } // ['a', 'a'] ['b', 'b'] 8. values()はイテレータを返します。キーと値のペアの値を返します。//配列 const arr = ['a', 'b', 'c']; for(let v of arr.values()) { コンソールログ(v) } //'a' 'b' 'c' //セット const arr = new Set(['a', 'b', 'c']); for(let v of arr.values()) { コンソールログ(v) } // 'a' 'b' 'c' //地図 定数 arr = 新しい Map(); arr.set('a', 'a'); arr.set('b', 'b'); for(let v of arr.values()) { コンソールログ(v) } // 'あ' 'あ' 9. keys() はイテレータを返します。キーと値のペアのキーを返します。//配列 const arr = ['a', 'b', 'c']; for(let v of arr.keys()) { コンソールログ(v) } // 0 1 2 //セット const arr = new Set(['a', 'b', 'c']); for(let v of arr.keys()) { コンソールログ(v) } // 'a' 'b' 'c' //地図 定数 arr = 新しい Map(); arr.set('a', 'a'); arr.set('b', 'b'); for(let v of arr.keys()) { コンソールログ(v) } // 'あ' 'あ' 10. 含まれるもの配列内に要素が存在するかどうかを判定します。パラメータ: 検索する値、開始位置。ES5 var a = [1, 2, 3]; a.includes(2); // 真 a.includes(4); // 偽 JavaScript でよく使われる配列操作方法についてはこれで終わりです。JavaScript の配列操作方法についてもっと知りたい場合は、123WORDPRESS.COM の過去の記事を検索するか、以下の関連記事を引き続きご覧ください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 以下もご興味があるかもしれません:
|
<<: Nginx URL 書き換えメカニズムの原理と使用例
>>: 全文検索とキーワードスコアリング方式のMySQL実装例
準備Windows Server 2008 R2 Enterprise (2.40GH、8GB、64...
開発中にこのような問題に遭遇しましたビデオ視聴記録が 100 に更新されると、視聴されたことを意味し...
MySQLにデータを保存するとき、乱雑であまり使用されないデータがJSONフィールドに投げ込まれるこ...
位置一致順序1. 「=」プレフィックス命令マッチング、マッチングが成功したら他のマッチングを停止2....
1. インストールyumを使用してインストールする ##yum nginx を自動的にインストールす...
目次1. データ操作言語 (DML) 2. データを追加する(挿入) 3. 既存のテーブルをコピーし...
この記事の例では、JavaScriptで4桁のランダムな検証コードを生成する具体的なコードを参考まで...
目次どうしたの?いつ使うか列挙の数を制御するビット値コントロールインデックス非数値列挙結論はType...
MySQLはレプリケーションフィルターを動的に変更します今日遭遇した問題についてお話しします。今日は...
次に、2 つのテーブルを作成し、一連の SQL 文を実行します。SQL 文の実行後にテーブル内のデー...
他のデバイスの画像をローカルディレクトリにマウントするなど、サーバー上の静的リソースにアクセスする必...
この記事では、プログレスバー効果を実現するためのJavaScriptの具体的なコードを参考までに紹介...
ウェブサイトでは、コンテンツの(100-1)%がナビゲーションです1. ジェシー・ジェームズ・ギャレ...
目次簡単な紹介間隔の設定説明するパラメータ戻り値使用法タイムアウトの設定説明するパラメータ使用法:タ...
オーバーフロー非表示指定された高さを超えるテキストや画像情報を非表示にすることを意味します。 <...