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実装例
最も一般的な方法は、フィールドに主キーまたは一意のインデックスを設定することです。重複データを挿入す...
mysql ログインのコマンド形式は次のとおりです。 mysql -h [hostip] -u [ユ...
まず実装手順について説明します。最終結果 2. コードの実装HTML部分 <div class...
この記事の例では、アップロード画像コントロールを実装するためのjsの具体的なコードを参考までに共有し...
目次序文非同期読み込みパッケージコンポーネントコンポーネントの使用インターフェースをカスタマイズする...
目次開発の際には、機能を段階的に分析して実装することで、明確な考え方を保つことができます。 1. フ...
3ウェイハンドシェイクフェーズクライアントSYNパケットの再試行回数sysctl -w net.ip...
参考: MySQL 文字セットの概要utf8mb4 は MySQL 8.0 のデフォルトの文字セット...
最近、ブルートフォース攻撃によるサーバのクラッキングが頻発しています。侵入行為を大まかに分析し、よく...
ある達人がかつて、自分の妻のことを知るのと同じくらい、自分が管理するデータベースのことを知るべきだと...
JavaScript は多くの素晴らしい機能を備えています。この記事では、作業効率の向上とコードのデ...
目次インストールコンポーネントのインポート基本的な使い方保存したマークダウンまたは HTML テキス...
Redux はシンプルな状態マネージャーです。その歴史をたどることはしません。使用法の観点から見ると...
1. コマンドラインでMySQLサービスを停止します: net stop mysql stop my...
目次変数データ型拡張ポイント要約する変数基本的な構文 var age=10; //ageという変数を...