Как разобраться с передачей переменной в параметре функции?

Question

[Omniverse]

Есть такой простой код:

let fruits = []

loadEntities(fruits, 'banana')
console.log(fruits)
loadEntities(fruits, 'apple')
console.log(fruits)

function loadEntities(entity, item) {
  entity = []
  entity.push(item)
}

Вывод:

[]
[]

Почему в данном случае выводится 2 пустых массива? Ведь в коде функции сначала массиву присваивается пустой массив, а потом добавляется значение.
Как сделать правильно, чтобы с каждым вызовом функции переменная очищалась и перезаписывалась новым значением.

Answer 1

[Alexandroppolus]

Никак. В JS нет передачи параметров по ссылке.

делай через return
fruits = loadEntities(''banana'')

Comments

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

ну как же, все не-примитивы (объекты) передаются как раз «по ссылке»

[Alexandroppolus]

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

передача по ссылке - это, например, как в c++

void loadEntities(int *&arr) {
    arr = new int[100500];
}

loadEntities(fruits);

вот здесь внешняя переменная реально поменяется.

[WbICHA]

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

[Omniverse]

let fruits = []
fruits = loadEntities( 'banana')
console.log(fruits)
fruits = loadEntities( 'apple')
console.log(fruits)

function loadEntities(item) {
  entity = []
  entity.push(item)
  return entity
}

Да, остановился на таком варианте. Спасибо.

Answer 2

[VoidVolker]

Почему в данном случае выводится 2 пустых массива? Ведь в коде функции сначала массиву присваивается пустой массив, а потом добавляется значение.

entity - это переменная внутри функции и существует она до окончания работы функции. Когда, функция вызывается, создается переменная entity и она содержит переданной значение (массив), далее вы просто перезаписываете эту функцию новым массивом и никаких изменений с изначально переданным массивом не происходит. Если убрать перезапись переменной новым массивом - то будет доступен переданный массив и его изменение. Проще всего представить, что переменная - это как коробка, в которую можно что-то положить. Если туда положить что-то новое - старое оттуда удалится.

Answer 3

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

В нерабочем коде создаётся новый массив – это новая область в памяти, новый объект.
Переменная entity внутри функции перестала указывать на тот же массив, что и fruits,
теперь указывает на новый пустой массив.

подробнее

function loadEntities(entity, item) {
  // тут entity из аргументов указывает туда же, куда и fruits
  // можно вызывать методы того, внешнего массива, Те же push(), splice()

  entity = []
  // а тут entity стала указывать в другую сторону, на новый пустой массив
  // fruits это уже никак не касается

  entity.push(item)
  // положили что-то в никчёмный массив
}

Вот рабочий вариант. Массив константа. Для его опустошения, длина устанавливается в 0.

const fruits = []; // навсегда

loadEntities(fruits, 'banana');
console.log(fruits);

loadEntities(fruits, 'apple');
console.log(fruits);

function loadEntities(entity, item) {
  entity.length = 0; // массив тот же, но пуст
  entity.push(item);
}

Альтернативный способ опустошить массив, сохранив его объект:
entity.splice(0, entity.length);

Comments

[Omniverse]

Спасибо за разъяснение!