Constantes con arrays u objetos en JavaScript

Las constantes que contienen arrays y objetos funcionan de una manera interesante. JavaScript no permite cambiar los valores de estas constantes, pero sí permite cambiar las propiedades de los objetos y los valores de los elementos de los arrays.

Veamos algunos ejemplos. Supongamos que tenemos el siguiente objeto:

const obj = {a: 1, b: 2, c: 3};

Intentemos asignarle algo diferente:

obj = 123; // error

Intentemos asignar un objeto diferente a la constante:

obj = {x: 1, y: 2, z: 3}; // error

Sin embargo, si intentamos cambiar una propiedad del objeto, esto funcionará:

obj.a = '+'; // ¡funciona!

¿Qué se mostrará como resultado de ejecutar el siguiente código?

const arr = ['a', 'b', 'c'];
arr[1] = '!';
console.log(arr);

¿Qué se mostrará como resultado de ejecutar el siguiente código?

const arr = ['a', 'b', 'c'];
arr = [1, 2, 3];
console.log(arr);

¿Qué se mostrará como resultado de ejecutar el siguiente código?

const arr = ['a', 'b', 'c'];
arr = ['a', 'b', 'c'];
console.log(arr);