¿Por qué es [1,2] + [3,4] = "1,23,4" en JavaScript?

El operador de JavaScript + tiene dos propósitos: agregar dos números o unir dos cadenas. No tiene un comportamiento específico para los arrays, por lo que los convierte en cadenas y luego los une.

Si desea unir dos matrices para producir una nueva, use el método .concat en su lugar:

[1, 2].concat([3, 4]) // [1, 2, 3, 4]

Si desea agregar eficientemente todos los elementos de una matriz a otra, debe usar el .método push :

var data = [1, 2];

// ES6+:
data.push(...[3, 4]);
// or legacy:
Array.prototype.push.apply(data, [3, 4]);

// data is now [1, 2, 3, 4]

El comportamiento de los + el operador se define en la sección ECMA-262 5e 11.6.1:

11.6.1 El operador de suma ( + )

El operador de suma realiza concatenación de cadenas o suma numérica. La producción AdditiveExpression : AdditiveExpression + MultiplicativeExpression se evalúa de la siguiente manera:

1. Sea lref el resultado de evaluar AdditiveExpression.
2. Sea lval GetValue(lref).
3. Sea rref el resultado de evaluar MultiplicativeExpression.
4. Sea rval GetValue(rref).
5. Sea lprim ToPrimitive(lval).
6. Sea rprim ToPrimitive(rval).
7. Si Type(lprim) es String o Type(rprim) es String, entonces
   1. Devuelve la cadena que es el resultado de concatenar ToString(lprim) seguido de ToString(rprim)
8. Devuelve el resultado de aplicar la operación de adición a ToNumber(lprim) y ToNumber(rprim). Véase la nota 11.6.3.

Puedes ver que cada operando se convierte ToPrimitive. Al leer más podemos encontrar que ToPrimitive siempre convertirá matrices en cadenas, produciendo este resultado.

Añade los dos matrices como si fueran cadenas.

La representación de cadena para el primer array sería "1,2" y el segundo sería "3,4". Así que cuando se encuentra el signo +, no puede sumar matrices y luego concatenar como cadenas.

El + concatea cadenas, por lo que convierte los arrays en cadenas.

[1,2] + [3,4]
'1,2' + '3,4'
1,23,4

Para combinar matrices, use concat.

[1,2].concat([3,4])
[1,2,3,4]

En JavaScript, el operador de adición binaria (+) realiza tanto la adición numérica como la concatenación de cadenas. Sin embargo, cuando su primer argumento no es ni un número ni una cadena entonces lo convierte en una cadena (de ahí "1,2") entonces hace lo mismo con el segundo "3,4" y los concatena a "1,23,4".

Intente usar el método" concat " de matrices en su lugar:

var a = [1, 2];
var b = [3, 4];
a.concat(b) ; // => [1, 2, 3, 4];

Está convirtiendo los arrays individuales en cadenas, luego combinando las cadenas.

Parece que JavaScript está convirtiendo sus matrices en cadenas y uniéndolas. Si desea agregar tuplas juntas, tendrá que usar un bucle o una función de mapa.

[1,2]+[3,4] en JavaScript es lo mismo que evaluar:

new Array( [1,2] ).toString() + new Array( [3,4] ).toString();

Y así para resolver su problema, lo mejor sería agregar dos matrices en su lugar o sin crear una nueva matriz:

var a=[1,2];
var b=[3,4];
a.push.apply(a, b);

Está haciendo exactamente lo que le pediste que hiciera.

Lo que está sumando son referencias de matriz (que JS convierte en cadenas), no números como parece. Es un poco como agregar cuerdas juntas: "hello " + "world" = "hello world"

Sería bueno si pudiera sobrecargar los operadores en JavaScript, pero no puede: ¿Puedo definir sobrecargas de operadores personalizados en Javascript? solo puede hackear el operador "= = " que se convierte en cadenas antes de comparar: http://blogger.xs4all.nl/peterned/archive/2009/04/01/462517.aspx

Es porque, + operador asume que los operandos son cadena, si no son números. Por lo tanto , primero los convierte en cadena y concats para dar el resultado final, si no es un número. Además, no soporta arrays.

Otro resultado usando solo un simple signo "+" será:

[1,2]+','+[3,4] === [1,2,3,4]

Así que algo como esto debería funcionar (¡pero!):

var a=[1,2];
var b=[3,4];
a=a+','+b; // [1,2,3,4]

... ¡pero convertirá la variable a de una matriz a Cadena! Tenlo en cuenta.

Algunas respuestas aquí han explicado cómo ocurre la salida no deseada inesperada ('1,23,4') y algunas han explicado cómo obtener lo que suponen que es la salida deseada esperada ([1,2,3,4]), es decir, la concatenación de matrices. Sin embargo, la naturaleza de la salida deseada esperada es en realidad algo ambigua porque la pregunta original simplemente establece "Quería agregar los elementos de una matriz en otra...". Que podría concatenación de matriz media pero podría también suma de tupla media (e. g. here and here), i.e. adding the scalar values of elements in one array to the scalar values of the corresponding elements in the second, e. g. combining [1,2] and [3,4] to obtain [4,6].

Asumiendo que ambos arrays tienen la misma aridad/longitud, aquí hay una solución simple:

const arr1 = [1, 2];
const arr2 = [3, 4];

const add = (a1, a2) => a1.map((e, i) => e + a2[i]);

console.log(add(arr1, arr2)); // ==> [4, 6]