Как объединить два массива?

Question

[Сергей Минаков]

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

var defualt = {
	title: '',
	text: '',
	type: 'normal',
	allowEscapeKey: true
};

var params= {
	title: "User's title",
	text: "User's text",
	type: 'crazy'
};

После их совмещения должно получиться как-то так:

var params= {
	title: "User's title",
	text: "User's text",
	type: 'crazy',
	allowEscapeKey: true
};

Answer 1

[gleendo]

Object.assign(defualt, params)

Comments

[Сергей Соколов]

Disclaimer: Object.assign() это ES6 фишка, которая поддерживается не всеми браузерами.

Полифилл

if (!Object.assign) {
  Object.defineProperty(Object, 'assign', {
    enumerable: false,
    configurable: true,
    writable: true,
    value: function(target, firstSource) {
      'use strict';
      if (target === undefined || target === null) {
        throw new TypeError('Cannot convert first argument to object');
      }

      var to = Object(target);
      for (var i = 1; i < arguments.length; i++) {
        var nextSource = arguments[i];
        if (nextSource === undefined || nextSource === null) {
          continue;
        }

        var keysArray = Object.keys(Object(nextSource));
        for (var nextIndex = 0, len = keysArray.length; nextIndex < len; nextIndex++) {
          var nextKey = keysArray[nextIndex];
          var desc = Object.getOwnPropertyDescriptor(nextSource, nextKey);
          if (desc !== undefined && desc.enumerable) {
            to[nextKey] = nextSource[nextKey];
          }
        }
      }
      return to;
    }
  });
}

[gleendo]

Сергей Соколов: а использовать библиотеку для слияния объектов отличная идея...

[Сергей Соколов]

iamevg_: а заодно – ну, мало ли, и так её используют уже в проекте.

[gleendo]

Сергей Соколов: обычно используют уже ES2015+ вместе с babel

[Сергей Соколов]

iamevg_: каковы шансы, что ТС, задающий этот вопрос, использует Babel?

[gleendo]

Сергей Соколов: Скорее всего пришло время все таки начать использовать babel. Давно уже пора

Answer 2

[Сергей Соколов]

У вас не массивы [] а объекты {}.

В Underscore.js есть метод extend()

исходник

_.extend = createAssigner(_.allKeys);

  var createAssigner = function(keysFunc, undefinedOnly) {
    return function(obj) {
      var length = arguments.length;
      if (length < 2 || obj == null) return obj;
      for (var index = 1; index < length; index++) {
        var source = arguments[index],
            keys = keysFunc(source),
            l = keys.length;
        for (var i = 0; i < l; i++) {
          var key = keys[i];
          if (!undefinedOnly || obj[key] === void 0) obj[key] = source[key];
        }
      }
      return obj;
    };
  };

  _.allKeys = function(obj) {
    if (!_.isObject(obj)) return [];
    var keys = [];
    for (var key in obj) keys.push(key);
    if (hasEnumBug) collectNonEnumProps(obj, keys);
    return keys;
  };

В jQuery тоже есть extend().

исходник

jQuery.extend = jQuery.fn.extend = function() {
	var options, name, src, copy, copyIsArray, clone,
		target = arguments[ 0 ] || {},
		i = 1,
		length = arguments.length,
		deep = false;

	// Handle a deep copy situation
	if ( typeof target === "boolean" ) {
		deep = target;

		// Skip the boolean and the target
		target = arguments[ i ] || {};
		i++;
	}

	// Handle case when target is a string or something (possible in deep copy)
	if ( typeof target !== "object" && !jQuery.isFunction( target ) ) {
		target = {};
	}

	// Extend jQuery itself if only one argument is passed
	if ( i === length ) {
		target = this;
		i--;
	}

	for ( ; i < length; i++ ) {

		// Only deal with non-null/undefined values
		if ( ( options = arguments[ i ] ) != null ) {

			// Extend the base object
			for ( name in options ) {
				src = target[ name ];
				copy = options[ name ];

				// Prevent never-ending loop
				if ( target === copy ) {
					continue;
				}

				// Recurse if we're merging plain objects or arrays
				if ( deep && copy && ( jQuery.isPlainObject( copy ) ||
					( copyIsArray = Array.isArray( copy ) ) ) ) {

					if ( copyIsArray ) {
						copyIsArray = false;
						clone = src && Array.isArray( src ) ? src : [];

					} else {
						clone = src && jQuery.isPlainObject( src ) ? src : {};
					}

					// Never move original objects, clone them
					target[ name ] = jQuery.extend( deep, clone, copy );

				// Don't bring in undefined values
				} else if ( copy !== undefined ) {
					target[ name ] = copy;
				}
			}
		}
	}

	// Return the modified object
	return target;
};