Есть два способа добавить объекту новые свойства:

var obj = {
    key1: value1,
    key2: value2
};

Использование точечной записи:

obj.key3 = "value3";

Использование квадратных скобок:

obj["key3"] = "value3";

Первая форма используется, когда вы знаете название собственности. Вторая форма используется, когда имя свойства определяется динамически. Как в этом примере:

var getProperty = function (propertyName) {
    return obj[propertyName];
};

getProperty("key1");
getProperty("key2");
getProperty("key3");

Настоящий массив JavaScript можно создать, используя:

Буквальное обозначение массива:

var arr = [];

Обозначение конструктора массива:

var arr = new Array();

Ответ за 2017 год: Object.assign()

Object.assign (dest, src1, src2,. ..) объединяет объекты.

Он перезаписывает dest свойствами и значениями (сколь угодно большим) исходных объектов, а затем возвращает dest.

Метод Object.assign() используется для копирования значений всех перечислимых собственных свойств из одного или нескольких исходных объектов в целевой объект. Он вернет целевой объект.

Живой пример

var obj = {key1: "value1", key2: "value2"};
Object.assign(obj, {key3: "value3"});

document.body.innerHTML = JSON.stringify(obj);

Ответ за 2018 год: оператор распространения объекта {...}

obj = {...obj, ...pair};

Из MDN:

Он копирует собственные перечислимые свойства из предоставленного объекта в новый объект.

Поверхностное клонирование (за исключением прототипа) или слияние объектов теперь возможно с использованием более короткого синтаксиса, чем _ 8_.

Обратите внимание, что Object.assign() запускает сеттеры, тогда как синтаксис распространения - нет.

Живой пример

Он работает в текущем Chrome и текущем Firefox. Говорят, в текущем Edge не работает.

var obj = {key1: "value1", key2: "value2"};
var pair = {key3: "value3"};
obj = {...obj, ...pair};

document.body.innerHTML = JSON.stringify(obj);

Год 2019 ответ

Оператор назначения объекта += :

obj += {key3: "value3"};

Упс ... Увлекся. Вывоз информации из будущего незаконен. Должным образом скрыто!

Я полюбил LoDash / Подчеркните при написании больших проектов.

Добавление с помощью obj['key'] или obj.key - все это надежные ответы на чистом JavaScript. Однако библиотеки LoDash и Underscore предоставляют множество дополнительных удобных функций при работе с объектами и массивами в целом.

.push() предназначен для массивов, а не для объекты.

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

_.merge (только Lodash)

Второй объект будет перезаписан или добавлен к базовому объекту. undefined значения не копируются.

var obj = {key1: "value1", key2: "value2"};
var obj2 = {key2:"value4", key3: "value3", key4: undefined};
_.merge(obj, obj2);
console.log(obj);
// → {key1: "value1", key2: "value4", key3: "value3"} 

_.extend / _.assign

Второй объект будет перезаписан или добавлен к базовому объекту. undefined будет скопирован.

var obj = {key1: "value1", key2: "value2"};
var obj2 = {key2:"value4", key3: "value3", key4: undefined};
_.extend(obj, obj2);
console.log(obj);
// → {key1: "value1", key2: "value4", key3: "value3", key4: undefined}

_.defaults

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

var obj = {key3: "value3", key5: "value5"};
var obj2 = {key1: "value1", key2:"value2", key3: "valueDefault", key4: "valueDefault", key5: undefined};
_.defaults(obj, obj2);
console.log(obj);
// → {key3: "value3", key5: "value5", key1: "value1", key2: "value2", key4: "valueDefault"}

$ .extend

Кроме того, стоит упомянуть jQuery.extend, он работает аналогично _.merge и может быть лучшим вариантом, если вы уже используете jQuery.

Второй объект будет перезаписан или добавлен к базовому объекту. undefined значения не копируются.

var obj = {key1: "value1", key2: "value2"};
var obj2 = {key2:"value4", key3: "value3", key4: undefined};
$.extend(obj, obj2); 
console.log(obj);
// → {key1: "value1", key2: "value4", key3: "value3"}

Object.assign ()

Возможно, стоит упомянуть ES6 / ES2015 Object.assign, он работает аналогично _.merge и может быть лучшим вариантом, если вы уже используете полифил ES6 / ES2015, например Babel, если вы хотите самим полифиллом.

Второй объект будет перезаписан или добавлен к базовому объекту. undefined будет скопирован.

var obj = {key1: "value1", key2: "value2"};
var obj2 = {key2:"value4", key3: "value3", key4: undefined};
Object.assign(obj, obj2); 
console.log(obj);
// → {key1: "value1", key2: "value4", key3: "value3", key4: undefined}

Вы можете использовать любой из них (при условии, что key3 - это фактический ключ, который вы хотите использовать)

arr[ 'key3' ] = value3;

or

arr.key3 = value3;

Если key3 - переменная, вам следует сделать:

var key3 = 'a_key';
var value3 = 3;
arr[ key3 ] = value3;

После этого запрос arr.a_key вернет значение value3, буквальное значение 3.

Представление

Сегодня 2020.01.14 я провожу тесты на MacOs HighSierra 10.13.6 на Chrome v78.0.0, Safari v13.0.4 и Firefox v71.0.0 для выбранных решений. Я делю решения на изменяемые (первая буква M) и неизменяемые (первая буква I). Я также предлагаю несколько неизменяемых решений (IB, IC, ID / IE), которые еще не опубликованы в ответах на этот вопрос.

Выводы

• самые быстрые изменяемые решения намного быстрее, чем самые быстрые неизменяемые (> 10x)
• классический изменчивый подход, такой как obj.key3 = "abc" (MA, MB), самый быстрый
• для неизменяемых решений {...obj, key3:'abc'} и Object.assign (IA, IB) являются самыми быстрыми
• на удивление, есть неизменяемые решения быстрее, чем некоторые изменяемые решения для хрома (MC-IA) и сафари (MD-IB)

Подробности

In snippet below there are presended tested solution, you can prefrom test on your machine HERE

var o = {
    key1: true,
    key2: 3,
};

var log= (s,f)=> console.log(`${s} --> ${JSON.stringify(f({...o}))}`);



function MA(obj) {
  obj.key3 = "abc";
  return obj;
}

function MB(obj) {
  obj['key3'] = "abc";
  return obj;
}

function MC(obj) {
  Object.assign(obj, {key3:'abc'});
  return obj;
}

function MD(obj) {
  Object.defineProperty(obj, 'key3', {
    value: "abc",       // undefined by default
    enumerable: true,      // false by default
    configurable: true,    // false by default
    writable: true         // false by default
  });
  return obj;
}

function IA(obj) {
  return {...obj, key3:'abc'};
}

function IB(obj) {
  return Object.assign({key3:'abc'}, obj);
}

function IC(obj) {
  let ob= JSON.parse(JSON.stringify(obj))
  ob.key3 = 'abc';
  return ob;
}


function ID(obj) {
	let ob= Object.fromEntries(Object.entries(obj));
  ob.key3 = 'abc';
  return ob;
}

function IE(obj) {
	return Object.fromEntries(Object.entries(obj).concat([['key3','abc']]))
}



log('MA',MA);
log('MB',MB);
log('MC',MC);
log('MD',MD);
log('IA',IA);
log('IB',IB);
log('IC',IC);
log('ID',ID);
log('IE',IE);

This snippet only presents code - it not perform tests itself!

arr.key3 = value3;

потому что ваш arr на самом деле не массив ... Это объект-прототип. Реальный массив будет:

var arr = [{key1: value1}, {key2: value2}];

но это все равно не так. На самом деле это должно быть:

var arr = [{key: key1, value: value1}, {key: key2, value: value2}];

Я знаю, что на это уже есть принятый ответ, но я подумал, что где-нибудь задокументирую свою идею. Пожалуйста, [люди] не стесняйтесь проделывать дыры в этой идее, поскольку я не уверен, что это лучшее решение ... но я просто собрал это несколько минут назад:

Object.prototype.push = function( key, value ){
   this[ key ] = value;
   return this;
}

Вы бы использовали его таким образом:

var obj = {key1: value1, key2: value2};
obj.push( "key3", "value3" );

Поскольку функция-прототип возвращает this, вы можете продолжить цепочку .push до конца вашей obj переменной: obj.push(...).push(...).push(...);

Другая особенность заключается в том, что вы можете передать массив или другой объект в качестве значения в аргументах функции push. См. Мою скрипку для рабочего примера: http://jsfiddle.net/7tEme/

Просто добавив свойства:

И мы хотим добавить к этому объекту prop2 : 2, это самые удобные варианты:

1. Оператор точки: object.prop2 = 2;
2. квадратные скобки: object['prop2'] = 2;

Так какой же тогда использовать?

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

const obj = {
  prop1: 1
}

const key = Math.random() > 0.5 ? 'key1' : 'key2';

obj[key] = 'this value has a dynamic key';

console.log(obj);

Объединение объектов:

Когда мы хотим объединить свойства двух объектов, это наиболее удобные варианты:

1. Object.assign(), принимает целевой объект в качестве аргумента и один или несколько исходных объектов и объединяет их вместе. Например:

const object1 = {
  a: 1,
  b: 2,
};

const object2 = Object.assign({
  c: 3,
  d: 4
}, object1);

console.log(object2);

2. Оператор распространения объекта ...

const obj = {
  prop1: 1,
  prop2: 2
}

const newObj = {
  ...obj,
  prop3: 3,
  prop4: 4
}

console.log(newObj);

Какой из них мы используем?

• Синтаксис распространения менее подробный и должен использоваться по умолчанию imo. Не забудьте преобразовать этот синтаксис в синтаксис, который поддерживается всеми браузерами, потому что он относительно новый.
• Object.assign() более динамичен, потому что у нас есть доступ ко всем объектам, которые передаются в качестве аргументов, и мы можем манипулировать ими до того, как они будут назначены новому объекту.

Вы можете создать класс с ответом @ Ionuț G. Stan

function obj(){
    obj=new Object();
    this.add=function(key,value){
        obj[""+key+""]=value;
    }
    this.obj=obj
}

Создание нового объекта с последним классом:

my_obj=new obj();
my_obj.add('key1', 'value1');
my_obj.add('key2', 'value2');
my_obj.add('key3','value3');

Печать объекта

console.log(my_obj.obj) // Return {key1: "value1", key2: "value2", key3: "value3"} 

Печать ключа

console.log(my_obj.obj["key3"]) //Return value3

Я новичок в javascript, комментарии приветствуются. Работает для меня.

Два наиболее часто используемых способа, уже упомянутых в большинстве ответов

obj.key3 = "value3";

obj["key3"] = "value3";

Еще один способ определить свойство - использовать Object.defineProperty ()

Object.defineProperty(obj, 'key3', {
  value: "value3",       // undefined by default
  enumerable: true,      // false by default
  configurable: true,    // false by default
  writable: true         // false by default
});

Этот метод полезен, когда вы хотите иметь больший контроль при определении свойства. Определенное свойство может быть установлено как перечисляемое, настраиваемое и доступное для записи пользователем.

В вашем примере показан объект, а не массив. В этом случае предпочтительный способ добавить поле к объекту - просто присвоить ему поле, например:

arr.key3 = value3;

var arrOfObj = [{name: 'eve'},{name:'john'},{name:'jane'}];
    var injectObj = {isActive:true, timestamp:new Date()};

    // function to inject key values in all object of json array

    function injectKeyValueInArray (array, keyValues){
        return new Promise((resolve, reject) => {
            if (!array.length)
                return resolve(array);

            array.forEach((object) => {
                for (let key in keyValues) {
                    object[key] = keyValues[key]
                }
            });
            resolve(array);
        })
    };

//call function to inject json key value in all array object
    injectKeyValueInArray(arrOfObj,injectObj).then((newArrOfObj)=>{
        console.log(newArrOfObj);
    });

Вывод такой: -

[ { name: 'eve',
    isActive: true,
    timestamp: 2017-12-16T16:03:53.083Z },
  { name: 'john',
    isActive: true,
    timestamp: 2017-12-16T16:03:53.083Z },
  { name: 'jane',
    isActive: true,
    timestamp: 2017-12-16T16:03:53.083Z } ]

поддерживается большинством браузеров и проверяет, доступен ли ключ объекта или нет, если он доступен, он переопределяет существующее значение ключа и недоступен это добавить ключ со значением

let my_object = {};

// now i want to add something in it  

my_object.red = "this is red color";

// { red : "this is red color"}

let my_object = { inside_object : { car : "maruti" }}

// now i want to add something inside object of my object 

my_object.inside_object.plane = "JetKing";

// { inside_object : { car : "maruti" , plane : "JetKing"} }

let my_object = { inside_object : { name : "abhishek" }}

// now i want to add something inside object with new keys birth , gender 

my_object.inside_object.birth = "8 Aug";
my_object.inside_object.gender = "Male";


    // { inside_object : 
//             { name : "abhishek",
//               birth : "8 Aug",
//               gender : "Male" 
//            }   
//       }