JavaScriptで配列を元にマトリョーシカのような連想配列を作成・追記したい

Question

実現したいこと

存在する連想配列に、配列で指定して書き込むというものを作成したいです。
以下の配列を使用して書き込む。
["one", "two", "three"]
これはone.two.threeと同等だとして
もしtwoというオブジェクトが存在しない場合は作成してくれるようなものが欲しいです。

例えば何もない状態では下のものが完成します。

{
  "one": {
    "two": {
      "three": {}
    }
  }
}

元のJSONが存在する場合

{
  "data": {
    "video": {
      "pass": ""
    }
  }
}

上のdataの中にaudioという配列を追加したくなった際
["data", "audio"]
という配列を使って

{
  "data": {
    "video": {
      "pass": ""
    },
    "audio": {}
  }
}

という結果になるようにしたいです。

Answer 1

これでもいけます！

const arr = ["one", "two", "three"];
const obj = arr.reverse().reduce( (acc, cur) => ( {[cur]: acc} ), {});
console.log(obj);

reduceメソッドについて

• .reduce( コールバック関数, 初期値 )メソッドは、処理した結果を蓄積できるメソッドです。
• コールバック関数の引数は以下の通りです。
  • acc → 蓄積されている結果
  • cur → 配列の現在処理を行なっている要素
• 初期値とは、配列の0番目を処理する際はまだ蓄積された結果accが何もないので、何か指定した状態から開始することもできます。

使用例

reduceは配列内の数値の合計値などを算出するときによく使われます。

const numbers = [8, 10, 2];
const sum1 = numbers.reduce((acc, cur) => acc + cur, 0); // 20
const sum2 = numbers.reduce((acc, cur) => acc + cur, 5); // 25

こんな感じ。よく使うのでぜひ使ってみてください。

Comments

[azkazunami36]

reduce...初めてみました。
見たことがあっても使ったことがないので、検証しながら理解してみます
回答ありがとうこざいます！

[Cocode]

（こちらのコメントに記載の内容を、回答を更新して書き換えました）

[azkazunami36]

なるほど...！！
完全に理解しました！ありがとうございます！

あと、これは無視しても構わないんですけど、僕質問内容を修正していて...
もしよければ解決して欲しいんです...いいですかね...？
僕の思って書いた質問と、回答者の受け取った意味が全く違っていたみたいです...

[Cocode]

拝見します。

[azkazunami36]

あっありがとうございます！！
僕の本当に解決してほしいところで、どう足掻いてもいまだに解決できていません...

Answer 2

こういう処理は再帰にするとわかりやすいと思います。

function nest(a) {
  let o = {};
  if (a.length > 0)
    o[a[0]] = nest(a.slice(1));
  return o;
}

---

更新された内容に関して:

function addNestedProperties(list, dest) {
  if (list.length == 0)
    return;
  const propertyName = list[0];
  if (!(propertyName in dest))
    dest[propertyName] = {};
  addNestedProperties(list.slice(1), dest[propertyName]);
}
let dest = {data:{video:{pass:""}}};
addNestedProperties(["data", "audio"], dest);
console.dir(dest);

Comments

[azkazunami36]

ありがとうございます！！
質問の回答としては最高の答えですっっ
ただ、僕の質問が悪かったせいでそのコード、本当に作成するだけのコードなんですよね...

僕本当は柔軟性のある、元からあるjsonに追記する形で配列を生成するコードを書きたかったんです...
でも回答ありがとうございます。僕時間かけて直して、僕が欲しかったコードに改良するようにします。
アドバイスが含まれているので、ベストアンサーにするかもしれません。

[azkazunami36]

追記見ました！！！！！
最高の回答です！ありがとうございますっ
今ベストアンサーにしますね！

そして、僕の使う用途のために、次のコードになりました
function addNestedProperties(list: string[], dest: {}, write?: { name: string, data: any }) {
if (list.length == 0) return () => { if (write) dest[write.name] = write.data }
const propertyName = list[0]
if (!(propertyName in dest)) dest[propertyName] = {}
addNestedProperties(list.slice(1), dest[propertyName], write)
}
セミコロンはつけ忘れるとコードが汚くなるので、予め外してるだけです

Answer 3

こんな感じでしょうか。

function matryoshka([first, ...rest]) {
  return { [first]: rest.length ? matryoshka(rest) : {} };
}

console.log(matryoshka(['one', 'two', 'three']))
// { one: { two: { three: {} } } }

Comments

[hoshi-takanori]

matryoshka([]) が { undefined: {} } になるのは美しくないかも…。

[azkazunami36]

この回答的を得ていると思いますよ！
undefinedになるなら、first ? first : ""にしても良さそうですね...！

そして、僕の質問が悪かったせいであなたのコードは、
僕の思っていたコードではありませんでした...すみません。

僕の思っていたコードはただの作成ではなく、以下のような作りを求めていました

元から作成済みのjson
{
data: {
video: {
pass: ""
}
}
}
そこに
let point = ["data", "audio"]
上の配列を使用すると
{
data: {
video: {
pass: ""
},
audio: {}
}
}
になるプログラムを求めていました...m(_ _)m
僕が悪いので、頑張って改良して完成したらベストアンサーにすると思います