動的json配列JavaScriptのフォーマット
たとえば、次のようなオブジェクトの配列があります-
const arr = [ {"name1": "firstString"}, {"name2": "secondString"}, {"name3": "thirdString"}, {"name4": "fourthString"}, {"name5": "fifthString"}, {"name6": "sixthString"}, ];
そのようなオブジェクトの配列を1つ受け取り、そのオブジェクトにリストされているすべてのプロパティを持つオブジェクトを返す関数を作成する必要があります。
それでは、この関数のコードを書いてみましょう。これは、Arrayreduceメソッドを介して実行できます-
例
const arr = [ {"name1": "firstString"}, {"name2": "secondString"}, {"name3": "thirdString"}, {"name4": "fourthString"}, {"name5": "fifthString"}, {"name6": "sixthString"}, ]; const reduceArray = arr => { return arr.reduce((acc, val) => { Object.assign(acc, val); return acc; }, {}); };
出力
コンソールの出力は-
になります{ name1: 'firstString', name2: 'secondString', name3: 'thirdString', name4: 'fourthString', name5: 'fifthString', name6: 'sixthString' }
-
JavaScriptでの配列の分解。
破棄すると、配列から値が解凍されます。以下は、JavaScriptでの配列の非構造化のコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <
-
JavaScriptオブジェクトを新しい配列にフォーマットする
以下は、JavaScriptオブジェクトを新しい配列にフォーマットするためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style