【JavaScript】配列の変数について

Question

今回実現したいこと

今回考えているのは、変数を変更するだけで、（無理やりにでも）自動で配列の値も変更しようというものです。

例えば、

let a = 'AAA';
let test = [a, 'BBB', 'CCC'];

test[0] = 'XXX';
console.log(test);
// ["XXX", "BBB", "CCC"] 

のように直接配列にアクセスした場合、["XXX", "BBB", "CCC"] が返ります。

しかし、以下の場合、

let a = 'AAA';
let test = [a, 'BBB', 'CCC'];

a = 'XXX';
console.log(test);
// ["AAA", "BBB", "CCC"] 

上だと、["AAA", "BBB", "CCC"] が返ります。

今回実現したいこと

今回考えているのは、変数を変更するだけで、自動で配列の値も変更しようというものです。

ご教示よろしくお願いいたします。

無理やりでも、どのような方法でも大丈夫です。
ご教示いただけたら幸いです。

Comments

[mdj]

以下の場合、は、配列と関係ないところで変数の値が変わっているだけなので、それで影響したら困ります。配列に入れる値をすべて変数にして、最後に配列を更新でいいんじゃないでしょうか。

Answer 1

通常の手段では無理なので、無理やりにやってみました。

  let a = 'AAA';
  let test = [a, 'BBB', 'CCC'];
  const arr = new Proxy(test, {
    get: function(obj, prop) {
      return prop!=0 ?
        obj[prop] :
        a;
    }
  });
  a = 'XXX';

  console.log( arr.toString(), [...arr], arr );

  // XXX,BBB,CCC 
  // Array(3) [ "XXX", "BBB", "CCC" ]
  // Proxy { <target>: (3) […], <handler>: {…} }

Answer 2

おすすめはしないけど全部配列でやれば無理やりできるんじゃない？

let a = ['AAA'];
let test = [a, ['BBB'], ['CCC']];

a[0] = 'XXX';
console.log(test);

Answer 3

命題のようなプリミティブでの処理はかなり難しいですが
配列で渡すとかで近いことならできそうです

let a =['AAA'];
let test = [a, 'BBB', 'CCC'];
a[0]='XXX';
console.log(test);