Блог

У меня есть объект, и одним из свойств является массив. Я хочу установить новое свойство для этого массива (customProp = 0). Однако я хочу сделать это внутри объявления MyObject.

 myObject = {
  someString: "text",
  someArray: ["one","two"],
    /* What I've Tried */
    someArray: { customProp: 0 } // Overwrites my array with a new object
    someArray["customProp"]: 0 // Invalid syntax
    someArray: customProp: 0 // Also invalid
}
  

Если я не могу создать массив, а затем установить для него свойство, могу ли я сделать это одним махом (опять же, оставаясь в пределах этого объекта)?

У меня есть еще один (небольшой) вопрос: как я могу сослаться на одно из свойств, все еще находящихся внутри объявления. Я хочу установить otherProp = someString, как мне это сделать?

 myObject = {
  someString: "text",
  otherString: someString, // someString is undefined
  otherString: myObject["someString"], // myObject is undefined
  otherString: this["someString"] // Just... undefined
}
  

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

К сожалению, ни один из ваших запросов невозможен. Объектные литералы в JavaScript удобны, но имеют недостатки, в основном те, которые вы обнаружили.

Когда вы находитесь внутри объектного литерала, объект еще не совсем существует. Интерпретатор JavaScript не закончил его обработку. Таким образом, внутри литерала, this указывает на объект непосредственно за пределами литерала, и литерал не имеет возможности ссылаться на другие части самого себя.

К счастью, вы можете сделать и то, и другое, что хотите, просто выполнив это после буквального объявления.

 myObject = {
    someString: 'text',
    someArray: ['one', 'two']
};

myObject.someArray.customProp = 0;
myObject.otherString = myObject.someString;
  

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

 function MyObject() {
    this.someArray = ['one', 'two'];
    this.someArray.otherProp = 0;
    this.otherString = this.someString = 'text';
}

var myObject = new MyObject();
  

Ну, массивы основаны на числах, так что

 someArray["customProp"]: 0
  

не сработало бы. Для работы ключей на основе строк это должен быть объект Javascript {}. И тогда вы могли бы просто сказать

 someArray: {0:"one",1:"two","customProp":0},
  

Что касается вашего второго вопроса: я не думаю, что это возможно. Объект еще не инициализирован, поэтому вы пока не можете прочитать из него…

Вы можете задать свойства в массиве, но они не будут повторяться с использованием встроенных функций. Вашими альтернативами являются объект (как предложено) или массив с объектом в качестве одного из элементов:

 ["one", "two", {customProp: 0}]