1. 配列の平坦化の概念配列の平坦化は、多次元配列を 1 次元配列に変換するプロセスです。 [1, [2, 3, [4, 5]]] ------> [1, 2, 3, 4, 5] 2. 実装1. 減らす配列内の各項目を走査します。値が配列の場合は再帰的に走査し、それ以外の場合は 関数flatten(arr){ 戻り値 arr.reduce((結果, 項目)=> { 結果を返します。concat(Array.isArray(item) ? flatten(item) : item); }, []); }
// 配列内の値の合計を求めます: arr.reduce((total, item)=> { // total は前の計算結果、item は配列内の各項目の値です。 return total + item; }, 0); 2. toString と split配列の 関数flatten(arr){ arr.toString().split(',').map(function(item) { を返します。 Number(item)を返します。 }) } 分割後に形成される配列内の各項目は文字列であるため、配列を走査して各項目を数値型に変換するには map メソッドが必要です。 3. 結合と分割上記の 関数flatten(arr){ 戻り値 arr.join(',').split(',').map(function(item) { parseInt(item) を返します。 }) } 4. 再帰各項目を再帰的に走査し、配列の場合は走査を続行し、そうでない場合は 関数flatten(arr){ var res = []; arr.map(アイテム => { if(Array.isArray(item)) { res = res.concat(flatten(item)); } それ以外 { res.push(アイテム); } }); res を返します。 } 5. スプレッド演算子
[].concat(...[1, 2, 3, [4, 5]]); // [1, 2, 3, 4, 5] この結果に基づいて、トラバーサルを行うことができます。arr 関数flatten(arr){ while(arr.some(item=>Array.isArray(item))) { arr = [].concat(...arr); } arr を返します。 } 要約: これで、配列をフラット化する 5 つの 以下もご興味があるかもしれません:
|
<<: docker-compose が遅すぎる場合の解決策の詳細な説明
>>: MySQL の 3 つの浮動小数点型 (float、double、decimal) の違いと概要について簡単に説明します。
1. まずは効果を見てみましょうインターフェース要求によって返されるデータ: 2. 公式ログインフロ...
セレクターとは何ですか?セレクターの役割は、セレクターを介して要素を見つけ、CSS スタイルを要素に...
トラブル発生が突然で、業務も迫っていたため、現場のスクリーンショットを撮る時間がありませんでしたので...
voidキーワードの紹介まず、void キーワードは JavaScript で非常に重要なキーワード...
DockerでOracle_11gをインストールする1. oracle_11gイメージを取得する d...
雑談はここまでにして、インターネット上で見つかる高性能な Yahoo ウェブサイトを構築するための数...
方法1: Pycharmをダウンロードしてインストールするダウンロードアドレス: https://w...
これからの道は常に困難で、棘だらけです。歯を食いしばって、乗り越えられると信じてください。さあ、さあ...
現在の日付を照会する CURRENT_DATE() を選択します。 CURDATE() を選択する;...
今日、MySQL データベースをコンピューターに再度インストールしました。システムを再インストールす...
Nginx におけるいわゆる接続制限は、実際には TCP 接続、つまり 3 ウェイ ハンドシェイク後...
目次1. $(".box1").click() メソッドを実装する2. $(&q...
オープンソース データベース アーキテクチャの設計原則01. 技術の選択最も使い慣れていて、最大限に...
MySql 8.0 対応ドライバパッケージのマッチングMySql データベースをバージョン 8.0 ...
問題の説明CSS を使用して上部の固定効果を実現したいと思います。 margin-top と pos...