płaskim tablica do multi tablicy wymiarowe (JavaScript)

Question

Mam następującą tablicę:

var sampleArray = [ 
    "CONTAINER", 
    "BODY", 
    "NEWS", 
    "TITLE"]; 

chcę mieć następujący wynik:

var desiredOutput = [{ 
     "CONTAINER": [{ 
      "BODY": [{ 
       "NEWS": [{ 
        "TITLE": [] 
       }] 
      }] 
     }] 
    }]; 

W jaki sposób można to osiągnąć w JavaScript?

Próbowałem już z pętlą rekurencyjną, ale to nie działa, daje mi niezdefiniowane.

dataChange(sampleArray); 
    function dataChange(data) { 
     for (var i = 0; i < data.length; i++) { 
      changeTheArray[data[i]] = data[i + 1]; 
      data.splice(i, 1); 
      dataChange(changeTheArray[data[i]]); 
     } 
    } 

Dzięki

Answer 1

to zrobi:

const sampleArray = ["CONTAINER", "BODY", "NEWS", "TITLE"]; 
 
const data = []; // Starting element. 
 
let current = data; // Pointer to the current element in the loop 
 

 
sampleArray.forEach(key => {  // For every entry, named `key` in `sampleArray`, 
 
    const next = [];    // New array 
 
    current.push({[key]: next}); // Add `{key: []}` to the current array, 
 
    current = next;    // Move the pointer to the array we just added. 
 
}); 
 

 
console.log(data);

{[key]: next} to stosunkowo nowa składnia. Są to: computed property names.

to:

const a = 'foo'; 
const b = {[a]: 'bar'}; 

jest podobny do:

const a = 'foo'; 
const b = {}; 
b[a] = 'bar'; 

---

Ty mógłby ponownego napisania forEach jako jedną wkładką:

const sampleArray = ["CONTAINER", "BODY", "NEWS", "TITLE"]; 
 
const data = []; // Starting element. 
 
let current = data; // Pointer to the current element in the loop 
 

 
sampleArray.forEach(key => current.push({[key]: current = [] })); 
 

 
console.log(data);

Ten current.push działa trochę wbrew intuicji:

1. Construct nowy element do pchania. Przypisuje to nową wartość do current.
2. Wciśnij nowy element do odwołanie.push został powołany na.
   • Odniesienie to jest wartość currentprzedcurrent = [].

Answer 2

Cześć Zrobiłem trochę demo:

var sampleArray = [ 
     "CONTAINER", 
     "BODY", 
     "NEWS", 
     "TITLE" 
    ], 
    generateArray = [], 
    tmp = null; 

for(var i = 0; i < sampleArray.length; i++) { 
    if(tmp===null){ 
    generateArray[sampleArray[i]] = {}; 
    tmp = generateArray[sampleArray[i]]; 
    }else{ 
    tmp[sampleArray[i]] = {}; 
    tmp = tmp[sampleArray[i]]; 
    }   
} 

console.log(generateArray); 

Answer 3

to robi to, co prosisz, w jednej linii, a bez dodatkowych zmiennych:

let desiredOutput = sampleArray.reduceRight((obj, key) => [ { [key]: obj } ], []); 

reduceRight wezwanie, począwszy od prawym końcu tablicy , stopniowo gromadzi bieżące dane (obsadzone wartością początkową []) jako wartość pojedynczego klucza w nowym obiekcie { [key] : _value_ }, gdzie ten obiekt sam jest pojedynczym wpisem w tablicy [ ... ].