Как изменить переменную в массивоподобном объекте JS?

Question

[Axel030392]

Здравствуйте, как можно изменить значение переменной через массив в объекте. Узнал что можно через квадратные скобки, но по факту не работает

<script>
  let propName = '20';

const info = {
  10: {
    5: {
         [propName]: '50',
    }, 
 },
};
console.log(propName);  // 20

  </script>

Есть огромный массив объекта, вот кусочек:

var cena_rozALL = 0;
var roznicaIBP = cena_rozALL.toString().replace(/(\d)(?=(\d{3})+$)/g, '$1 ');
var  silverIBP = Math.ceil(cena_rozALL - cena_rozALL * proc_sil).toString().replace(/(\d)(?=(\d{3})+$)/g, '$1 ');
var goldIBP = Math.ceil(cena_rozALL -  cena_rozALL * proc_gold).toString().replace(/(\d)(?=(\d{3})+$)/g, '$1 ');
var platinumIBP = Math.ceil(cena_rozALL - cena_rozALL * proc_plat).toString().replace(/(\d)(?=(\d{3})+$)/g, '$1 ');
var silver_skIBP = Math.ceil(cena_rozALL * proc_sil).toString().replace(/(\d)(?=(\d{3})+$)/g, '$1 ');
var gold_skIBP = Math.ceil(cena_rozALL * proc_gold).toString().replace(/(\d)(?=(\d{3})+$)/g, '$1 ');
var platinum_skIBP = Math.ceil(cena_rozALL * proc_plat).toString().replace(/(\d)(?=(\d{3})+$)/g, '$1 ');

const info = {
10: {
    5: {
      title: titleIbp10,
      description: descrIbp10,
	  silka_ibp: ssilkaIbp1,
	  kartinka_ibp: kartinkIbp1,
	  title2: titleAKB_7,
	  description2: descrAKB_7,
	  mnoj: '30 x',
      silka_akb: silka_akb_7,
	  kartinka_akb: kartinka_akb_7,
	  [cena_rozALL]: cena_roz5_10,
    },
    10: {
     title: titleIbp10,
      description: descrIbp10,
	  silka_ibp: ssilkaIbp1,
	  kartinka_ibp: kartinkIbp1,
	  title2: titleAKB_7,
	  description2: descrAKB_7,
	  mnoj: '30 x',
      silka_akb: silka_akb_7,
	  kartinka_akb: kartinka_akb_7,
	  [cena_rozALL]: cena_roz10_10,
    }, .....
} .... 
};

cena_rozALL = это значение которое будет разное для всех (а тут 720 вариаций). Это является базовой ценой товара. А те расчеты это скидки одного и того же товара. И взависимости от цены, меняются все эти расчеты скидок и т.д.
И другой вариант, рабочий

const info = {
10: {
    5: {
      title: titleIbp10,
      description: descrIbp10,
	  silka_ibp: ssilkaIbp1,
	  kartinka_ibp: kartinkIbp1,
	  title2: titleAKB_7,
	  description2: descrAKB_7,
	  mnoj: '30 x',
      silka_akb: silka_akb_7,
	  kartinka_akb: kartinka_akb_7,
	  roznica: cena_roz5_10.toString().replace(/(\d)(?=(\d{3})+$)/g, '$1 '),
	  silver: Math.ceil(cena_roz5_10 - cena_roz5_10 * proc_sil).toString().replace(/(\d)(?=(\d{3})+$)/g, '$1 '),
	  gold: Math.ceil(cena_roz5_10 -  cena_roz5_10 * proc_gold).toString().replace(/(\d)(?=(\d{3})+$)/g, '$1 '),
	  platinum: Math.ceil(cena_roz5_10 - cena_roz5_10 * proc_plat).toString().replace(/(\d)(?=(\d{3})+$)/g, '$1 '),
	  silver_sk: Math.ceil(cena_roz5_10 * proc_sil).toString().replace(/(\d)(?=(\d{3})+$)/g, '$1 '),
	  gold_sk: Math.ceil(cena_roz5_10 * proc_gold).toString().replace(/(\d)(?=(\d{3})+$)/g, '$1 '),
	  platinum_sk: Math.ceil(cena_roz5_10 * proc_plat).toString().replace(/(\d)(?=(\d{3})+$)/g, '$1 '),
    },
    10: {
     title: titleIbp10,
      description: descrIbp10,
	  silka_ibp: ssilkaIbp1,
	  kartinka_ibp: kartinkIbp1,
	  title2: titleAKB_7,
	  description2: descrAKB_7,
	  mnoj: '30 x',
      silka_akb: silka_akb_7,
	  kartinka_akb: kartinka_akb_7,
	 roznica: cena_roz10_10.toString().replace(/(\d)(?=(\d{3})+$)/g, '$1 '),
	  silver: Math.ceil(cena_roz10_10 - cena_roz10_10 * proc_sil).toString().replace(/(\d)(?=(\d{3})+$)/g, '$1 '),
	  gold: Math.ceil(cena_roz10_10 -  cena_roz10_10 * proc_gold).toString().replace(/(\d)(?=(\d{3})+$)/g, '$1 '),
	  platinum: Math.ceil(cena_roz10_10 - cena_roz10_10 * proc_plat).toString().replace(/(\d)(?=(\d{3})+$)/g, '$1 '),
	  silver_sk: Math.ceil(cena_roz10_10 * proc_sil).toString().replace(/(\d)(?=(\d{3})+$)/g, '$1 '),
	  gold_sk: Math.ceil(cena_roz10_10 * proc_gold).toString().replace(/(\d)(?=(\d{3})+$)/g, '$1 '),
	  platinum_sk: Math.ceil(cena_roz10_10 * proc_plat).toString().replace(/(\d)(?=(\d{3})+$)/g, '$1 '),
    }, .....
} .... 
};

Тоесть в каждой вариации нужно прописывать этот кусок кода

Comments

[IvanU7n]

а что должно быть? приведённый код работает как должен

[Михаил Р.]

Что Вы хотите в итоге получить?

[Axel030392]

Михаил Р., изменил вопрос, подробнее

Answer 1

[Алексей Уколов]

Никак, вы чего-то очень странного хотите. Квадратные скобки используются для работы с объектом (получение или изменение значений его свойств), через них никак нельзя изменить значение переменной, которую вы в скобках используете.
Если вы хотите получить «50», то это делается так: info['10']['5'][propName]

Comments

[Axel030392]

А чего странного, хочу использовать массив данных как if else

[Алексей Уколов]

Вот это и странно. Опишите свою задачу нормально — как видите, не я один не понимаю смысла вашего кода.

[IvanU7n]

странное хочет, это да, но видимо чего-то типа

const whatever = {
  [propName = '50']: '50',
}

но зачем, вопрос )

[Алексей Уколов]

IvanU7n, но тогда при чём тут вообще 20… ¯\_(ツ)_/¯

[IvanU7n]

Алексей Уколов, согласен, вроде вообще не причём
да и желание использования массива данных для замены(?) if/else выглядит из серии ТыНДЭХ (Ты Не Должен Этого Хотеть)

[Axel030392]

IvanU7n, Ок, отвечу зачем. Есть огромный массив объекта, вот кусочек:

var cena_rozALL = 0;
var roznicaIBP = cena_rozALL.toString().replace(/(\d)(?=(\d{3})+$)/g, '$1 ');
var  silverIBP = Math.ceil(cena_rozALL - cena_rozALL * proc_sil).toString().replace(/(\d)(?=(\d{3})+$)/g, '$1 ');
var goldIBP = Math.ceil(cena_rozALL -  cena_rozALL * proc_gold).toString().replace(/(\d)(?=(\d{3})+$)/g, '$1 ');
var platinumIBP = Math.ceil(cena_rozALL - cena_rozALL * proc_plat).toString().replace(/(\d)(?=(\d{3})+$)/g, '$1 ');
var silver_skIBP = Math.ceil(cena_rozALL * proc_sil).toString().replace(/(\d)(?=(\d{3})+$)/g, '$1 ');
var gold_skIBP = Math.ceil(cena_rozALL * proc_gold).toString().replace(/(\d)(?=(\d{3})+$)/g, '$1 ');
var platinum_skIBP = Math.ceil(cena_rozALL * proc_plat).toString().replace(/(\d)(?=(\d{3})+$)/g, '$1 ');

const info = {
10: {
    5: {
      title: titleIbp10,
      description: descrIbp10,
	  silka_ibp: ssilkaIbp1,
	  kartinka_ibp: kartinkIbp1,
	  title2: titleAKB_7,
	  description2: descrAKB_7,
	  mnoj: '30 x',
      silka_akb: silka_akb_7,
	  kartinka_akb: kartinka_akb_7,
	  [cena_rozALL]: cena_roz5_10,
    },
    10: {
     title: titleIbp10,
      description: descrIbp10,
	  silka_ibp: ssilkaIbp1,
	  kartinka_ibp: kartinkIbp1,
	  title2: titleAKB_7,
	  description2: descrAKB_7,
	  mnoj: '30 x',
      silka_akb: silka_akb_7,
	  kartinka_akb: kartinka_akb_7,
	  [cena_rozALL]: cena_roz10_10,
    }, .....
} .... 
};

cena_rozALL = это значение которое будет разное для всех (а тут 720 вариаций). Это является базовой ценой товара. А те расчеты это скидки одного и того же товара. И взависимости от цены, меняются все эти расчеты скидок и т.д.
И другой вариант, рабочий

const info = {
10: {
    5: {
      title: titleIbp10,
      description: descrIbp10,
	  silka_ibp: ssilkaIbp1,
	  kartinka_ibp: kartinkIbp1,
	  title2: titleAKB_7,
	  description2: descrAKB_7,
	  mnoj: '30 x',
      silka_akb: silka_akb_7,
	  kartinka_akb: kartinka_akb_7,
	  roznica: cena_roz5_10.toString().replace(/(\d)(?=(\d{3})+$)/g, '$1 '),
	  silver: Math.ceil(cena_roz5_10 - cena_roz5_10 * proc_sil).toString().replace(/(\d)(?=(\d{3})+$)/g, '$1 '),
	  gold: Math.ceil(cena_roz5_10 -  cena_roz5_10 * proc_gold).toString().replace(/(\d)(?=(\d{3})+$)/g, '$1 '),
	  platinum: Math.ceil(cena_roz5_10 - cena_roz5_10 * proc_plat).toString().replace(/(\d)(?=(\d{3})+$)/g, '$1 '),
	  silver_sk: Math.ceil(cena_roz5_10 * proc_sil).toString().replace(/(\d)(?=(\d{3})+$)/g, '$1 '),
	  gold_sk: Math.ceil(cena_roz5_10 * proc_gold).toString().replace(/(\d)(?=(\d{3})+$)/g, '$1 '),
	  platinum_sk: Math.ceil(cena_roz5_10 * proc_plat).toString().replace(/(\d)(?=(\d{3})+$)/g, '$1 '),
    },
    10: {
     title: titleIbp10,
      description: descrIbp10,
	  silka_ibp: ssilkaIbp1,
	  kartinka_ibp: kartinkIbp1,
	  title2: titleAKB_7,
	  description2: descrAKB_7,
	  mnoj: '30 x',
      silka_akb: silka_akb_7,
	  kartinka_akb: kartinka_akb_7,
	 roznica: cena_roz10_10.toString().replace(/(\d)(?=(\d{3})+$)/g, '$1 '),
	  silver: Math.ceil(cena_roz10_10 - cena_roz10_10 * proc_sil).toString().replace(/(\d)(?=(\d{3})+$)/g, '$1 '),
	  gold: Math.ceil(cena_roz10_10 -  cena_roz10_10 * proc_gold).toString().replace(/(\d)(?=(\d{3})+$)/g, '$1 '),
	  platinum: Math.ceil(cena_roz10_10 - cena_roz10_10 * proc_plat).toString().replace(/(\d)(?=(\d{3})+$)/g, '$1 '),
	  silver_sk: Math.ceil(cena_roz10_10 * proc_sil).toString().replace(/(\d)(?=(\d{3})+$)/g, '$1 '),
	  gold_sk: Math.ceil(cena_roz10_10 * proc_gold).toString().replace(/(\d)(?=(\d{3})+$)/g, '$1 '),
	  platinum_sk: Math.ceil(cena_roz10_10 * proc_plat).toString().replace(/(\d)(?=(\d{3})+$)/g, '$1 '),
    }, .....
} .... 
};

Тоесть в каждой вариации нужно прописывать этот кусок кода

[Axel030392]

IvanU7n, Вроде то что нужно

[Алексей Уколов]

Вот эти cena_roz10_10, cena_roz5_10 и т.п. - это переменные, внутри которых у вас содержатся какие-то значения (вот вместо них как раз разумно использовать объект prices = {10: {5: 42, 10: 100500}})? Как они связаны с cena_rozALL?

Чего вы хотели добиться вот этим кодом?

const info = {
10: {
    5: {
	  [cena_rozALL]: cena_roz5_10,
    },
  }
}

Вы понимаете, что он сводится к такому в итоге?

const info = {
10: {
    5: {
	  0: cena_roz5_10,
    },
  }
}

в каждой вариации нужно прописывать этот кусок кода

Когда нам нужно повторять один и тот же кусок кода, это значит, что нам нужно создать функцию:

const formatPrice = (price) => price.toString().replace(/(\d)(?=(\d{3})+$)/g, '$1 ');

const makeObject = (price) => {
  return {
    title: titleIbp10,
    description: descrIbp10,
    silka_ibp: ssilkaIbp1,
    kartinka_ibp: kartinkIbp1,
    title2: titleAKB_7,
    description2: descrAKB_7,
    mnoj: '30 x',
    silka_akb: silka_akb_7,
    kartinka_akb: kartinka_akb_7,
    roznica: formatPrice(price),
    silver: formatPrice(Math.ceil(price - price * proc_sil)),
    gold: formatPrice(Math.ceil(price -  price * proc_gold)),
    platinum: formatPrice(Math.ceil(price - price * proc_plat)),
    silver_sk: formatPrice(Math.ceil(price * proc_sil)),
    gold_sk: formatPrice(Math.ceil(price * proc_gold)),
    platinum_sk: formatPrice(Math.ceil(price * proc_plat)),
  };
}

const info = {
  10: {
    5: makeObject(cena_roz5_10),
    10: makeObject(cena_roz10_10),
  }
};

[Axel030392]

Алексей Уколов, а чет у меня не работает (там всегда разные значения, просто для примера скопировал)

const someFunc = (price) => {
  return {
    roznica: price.toString().replace(/(\d)(?=(\d{3})+$)/g, '$1 '),
    silver: Math.ceil(price - price * proc_sil).toString().replace(/(\d)(?=(\d{3})+$)/g, '$1 '),
    gold: Math.ceil(price -  price * proc_gold).toString().replace(/(\d)(?=(\d{3})+$)/g, '$1 '),
    platinum: Math.ceil(price - price * proc_plat).toString().replace(/(\d)(?=(\d{3})+$)/g, '$1 '),
    silver_sk: Math.ceil(price * proc_sil).toString().replace(/(\d)(?=(\d{3})+$)/g, '$1 '),
    gold_sk: Math.ceil(price * proc_gold).toString().replace(/(\d)(?=(\d{3})+$)/g, '$1 '),
    platinum_sk: Math.ceil(price * proc_plat).toString().replace(/(\d)(?=(\d{3})+$)/g, '$1 '),
  };
}

const info = {
240: {
     5: {
      title: titleIbp250,
      description: descrIbp250,
	  silka_ibp: ssilkaIbp3,
	  kartinka_ibp: kartinkIbp3,
	  title2: titleAKB_105,
	  description2: descrAKB_105,
	  mnoj: '60 x',
      silka_akb: silka_akb_105,
	  kartinka_akb: kartinka_akb_105,
	  someFunc(cena_roz5_250),
    },
	10: {
      title: titleIbp250,
      description: descrIbp250,
	  silka_ibp: ssilkaIbp3,
	  kartinka_ibp: kartinkIbp3,
	  title2: titleAKB_70,
	  description2: descrAKB_70,
	  mnoj: '120 x',
      silka_akb: silka_akb_70,
	  kartinka_akb: kartinka_akb_70,
	  someFunc(cena_roz10_250),
    },
	15: {
      title: titleIbp250,
      description: descrIbp250,
	  silka_ibp: ssilkaIbp3,
	  kartinka_ibp: kartinkIbp3,
	  title2: titleAKB_93,
	  description2: descrAKB_93,
	  mnoj: '120 x',
      silka_akb: silka_akb_93,
	  kartinka_akb: kartinka_akb_93,
	  someFunc(cena_roz15_250),
    },
},
};

[Алексей Уколов]

Очень жаль, что у вас чёт не работает.
Как минимум, если результат работы функции вы хотите добавить в существующий объект, нужно использовать спрэд.

[Axel030392]

Алексей Уколов, Ну я думал что проблема в синтаксисе, а вы предлагаете создать второй масив и зачем то потом их объеденить. Тоесть вопрос больше по оптимизацию, а не усложнение. Или что вы имели ввиду под спредом?

[Axel030392]

Алексей Уколов, В любом случае спасибо за помощь, очень благодарен что не прошли мимо

[Алексей Уколов]

Какой массив, какая оптимизация... У вас и есть проблема в синтаксисе. Что я имел в виду под спрэдом, написано по ссылке на документацию с примерами, которую я не поленился сразу сделать, а вы поленились по ней пройти...