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

Question

[Андрей Иванов]

Как сделать функцию которая принимает любое количество массивов и удаляет из каждого массива первый элемент ?
https://codepen.io/newdecline/pen/jpLQWQ

Comments

[sim3x]

И в чем у вас затруднение?

[Андрей Иванов]

sim3x, changeCollection как этой главной функции указать то что будет принимать сколько угодное количество массивов , а последним будет обработчик ?

Answer 1

[Алексей Уколов]

changeCollection как этой главной функции указать то что будет принимать сколько угодное количество массивов , а последним будет обработчик ?

В современном js вот так: changeCollection(...arrays, handler)
В arrays будет массив с переданными массивами.

Если по классике, то вот так:

function changeCollection() {
    var handler = arguments[arguments.length - 1];
    
    for (var i = 0; i < arguments.length - 1; i++) {
      var array = arguments[i];
      
      handler(array);
    }
}

Кстати, обратите внимание, что массивы в js передаются по ссылке, поэтому изменяя переданные аргументы вы изменяете и оригиналы:

function changeCollection() {
  var handler = arguments[arguments.length - 1];
    
  for (var i = 0; i < arguments.length - 1; i++) {
    var array = arguments[i];
      
    handler(array);
  }
}

function deleteFunc(array) {
  array.shift();
}

var one = [1 ,2 ,3];
var two = ['b', 'c'];

changeCollection(one, two, deleteFunc)

console.log(one, two); // [2, 3] ['c']

Если вас такое поведение не устраивает, нужно делать копии и изменять и возвращать их. Для этого лучше воспользоваться готовыми библиотеками и не писать свой велосипед. В современном js, опять же, можно воспользоваться встроенными средствами: const clone = [...original];. Но если у вас внутри массивов не примитивы и вы изменяете элементы, то нужно делать глубокое копирование.

Comments

[Андрей Иванов]

Вот спасибо , щас делаю

[Андрей Иванов]

https://codepen.io/newdecline/pen/jpLQWQ
Если по классике делать то понял , а как по современному делать не получилось. Так я написал changeCollection(...arrays, handler) и такая ошибка "Rest parameter must be last formal parameter"

[Алексей Уколов]

Значит я ошибся и так нельзя. Требуется, чтобы rest был в конце. Если вы поменяете порядок аргументов и будете принимать обработчик первым, а потом все массивы, то можно будет сделать так.

Answer 2

[Dmitry Alekseev]

Можно в первом аргументе передавать массив-массивов, а во втором - обработчик

Answer 3

[VoidVolker]

В JS функции могут принимать ограниченное число аргументов, так что передавать любое число аргументов в функции нельзя и поэтому следует передавать в функцию массив с массивами:

function(arrays, cb){
    var len = arrays.length;
    for (var i = 0; i < len; i++) {
        cb(arrays[i]);
    }
}

Comments

[Dmitry Alekseev]

В JS функция может принимать НЕограниченное число аргументов, если аргументы у функции не указаны. Доступны тогда они через массив arguments

function func() {
  for(arg in arguments) {
    console.log(arguments[arg])
  }
};

func('a', 'b', 'c', 'd')

[VoidVolker]

Ну ок, попробуй объясни вот это:

function f(){ console.log(arguments.length); };

f.apply(null, new Array(100000));
VM209:1 100000

f.apply(null, new Array(1000000));
VM348:2 Uncaught RangeError: Maximum call stack size exceeded
    at <anonymous>:2:3

Где тут неограниченность-то? Учи матчасть.

[Алексей Уколов]

Если в функцию передают более ста тысяч аргументов, то у такого кода есть проблемы посерьёзнее, чем Maximum call stack size exceeded.

[VoidVolker]

Дык это-то понятно. Тут речь как раз об ограниченности числа аргументов функции. Многие просто не интересуются как оно вот все внутри работает и почему-то приходят к таким вот странным выводам.

Answer 4

[kobancheg]

Столкнулся с таким же заданием, получилось решить вот так:

function changeCollection() {
  for (let i = 0; i <= arguments.length - 1; i++) {
    arguments[i].splice(0, 1);
  }
}

let a = [1, 2, 3, 4];
let b = ["a", "b", "c"];
let c = ["hello", "world"];

changeCollection(a, b, c);

console.log(a, b, c); // [2, 3, 4] ["b", "c"] ["world"]

вот ещё вариант с записью массивов прямо в функию:

function changeCollection() {
  let res =[];
  for (let i = 0; i < arguments.length; i++) {
    arguments[i].shift();
    res.push(arguments[i]);
  }
  return res;
}
console.log(changeCollection([1, 2, 3, 4], ['a', 'b', 'c'], ['helloy', 'world']));