Javascriptのオブジェクトの追加や削除について

Question

function sample(){
 var obj = {
  test1 : 255,
  test2 : 'テスト2',
  test3 : ['arr3_1','arr3_2'],
  test4 : {
   test4_1 : 'テスト4_1',
   test4_2 : 'テスト4_2',
  },
 }

 obj['test5'] = 'テスト5'
 obj['test5'['test5_1']] = 'テスト5_1'
}

このときテスト5_1のプロパティがundefinedになる理由はなぜでしょうか？
すでにtest5の値が存在するからかと思いましたが、プロパティをtest6にしても同様にundefinedでした。
ご教示のほど、よろしくお願いいたします。

追記

失礼しました。
オブジェクトのキーにさらにキーを設定し階層的に値を持たせたいです。
test4のような形にしたいのですが、すでにtest5の値が存在するときにどのように対処すればよいのかわかりませんでした。

またobj['test5']['test5_1'] = 'テスト5'

上記だとtest5_1が定義されていないプロパティ？でエラーになることを確認しました。
これはtest5の値がすでに代入されているためかと考えましたが、新しいプロパティobj['test6']['test6_1'] = 'テスト6'としても同様にエラーとなります。

そこで下記のように一度test5でオブジェクト初期化をすることで一応エラー回避することが出来ました。

 obj['test5'] = new Object();
 obj['test5']['test5_1'] = 'テスト5_1';
 obj['test5']['test5_2'] = 'テスト5_2';

###しかし、本来やりたかったのは下記のような処理なのです。

 obj['test5'] = 'テスト5'
 obj['test5']['test5_1'] = 'テスト5_1'
 obj['test5']['test5_2'] = 'テスト5_2'
console.log(obj.test5)
//test5=テスト5{test5_1=テスト5_1,test5_2=テスト5_2}

テスト5の値をもたせつつテスト5のプロパティに値を追加するのは難しいのでしょうか？

Comments

[m.ts10806]

結局どうしたくてこのコードを組んだのでしょうか

[fiile]

失礼しました。
追記いたしました。
理想としてはあとからオブジェクトにどんどん追加できるようなコードを書きたかったです。

Answer 1

obj['test5'['test5_1']]は、まず先に内側から解釈されます。

'test5'['test5_1']のように文字列へ角括弧で参照をかけることもできますが、文字列の長さまでの整数を除けば、結果はundefinedです。

つまり、全体としては、obj.undefined = 'テスト5_1'と同じになります。

Comments

[fiile]

ありがとうございます！なぜundefinedなのか理解できてませんでした！
おかげではかどります！

Answer 2

やりたかったのはこういうことでしょうか？
質問追記拝読。提示したコードはそのような動作をしますが、やはりおすすめはしません。

 obj['test5'] = new String('テスト5');
 obj['test5']['test5_1'] = 'テスト5_1';

 alert( obj['test5'] );
/*
テスト5
*/

 alert( obj['test5']['test5_1'] );
/*
テスト5_1
*/

---

'テスト5'を上書きしてしまいますが、↓これなら無難かと思います。
質問追記にあわせて削除しました。

 obj['test5'] = 'テスト5';
 obj['test5'] = { 'test5_1': 'テスト5_1' };

 alert( obj['test5'] );
/*
[object Object]
*/

alert( obj['test5']['test5_1'] );
/*
テスト5_1
*/

Comments

[fiile]

ありがとうございます。
上記にてご教示いただいたコードで実現できそうです。
大変助かりました!

Answer 3

多分やりたいのは以下かなぁ。test4と同じ構造にしたい？

 obj['test5'] = {'test5_1':'テスト5_1'}

元コードを分解してみると・・・

 // 元コード
 obj['test5'['test5_1']] = 'テスト5_1'

 // 分解
 const TMP = 'test5'['test5_1']
 obj[TMP] = 'テスト5_1'

となります。TMPのところは、「'test5'という文字列のオブジェクト(リテラル)のテスト5_1プロパティ」になるんですが、そんなものはないっつーことでundefinedになっちゃいます。
そうするとobj[undefined] = 'テスト5_1'ってなります。Chromeだとこの時のundefinedが文字列に変換されますね。

だから元のあなたの'test5_1'はobj["undefined"]のなかに行っちゃってます。

答えになってるかな・・・

Comments

[退会済みユーザー]

あ、たぶんファイルとフォルダの関係みたいにしたいんすね。

ただ、ご提示の例みたいのは結論から言うと難しいかなぁ。（ご提示の例だと"test5"が「ファイル兼フォルダ」みたいになっちゃってる）

型が文字列の場合をファイル、型がObjectの場合をフォルダと考えれば、考え方を変えられるかも？
obj['test5'] = 'テスト5' // <- ファイル
obj['test5'] = {} // <- フォルダ
obj['test5']['test5_1'] = 'テスト5_1' // フォルダにファイルを入れてる

この考えで、うまくやりたいことを最適化できませんか？
絶対に「test5=テスト5{test5_1=テスト5_1,test5_2=テスト5_2}」じゃなきゃダメ、ってことじゃないですよね！

[fiile]

ありがとうございます！！
ファイルとフォルダの関係を意識することでオブジェクトの理解が深まりました！

Answer 4

obj['test5'['test5_1']]

ちょっと意味がわからない
test5をキーにさらにオブジェクトを作りたいのでしょうか？

obj['test5'] = 'テスト5'

ですでに文字列が投入されているので、競合します

Comments

[fiile]

エラーの原因がわからなかったので、とても助かりました！
ありがとうございます！

Answer 5

テスト5の値をもたせつつテスト5のプロパティに値を追加するのは難しいのでしょうか？

obj['test5'] = new MyClass();

新しいクラスを作ってMyClassの中でProxyを使えばできると思いますが、初級者が扱う技術ではありません。

Comments

[fiile]

ありがとうございます！
ただ僕の使ってる環境にクラス構文が備わってないので難しいです…(´；ω；｀)