Home / Questions / 26508
Accepted
Alvaro Montoro
Asked: 2020-10-08 05:12:22 +0800 CST 2020-10-08 05:12:22 +0800 CST

для против forEach против карты

  • 772

Работая в JavaScript, у меня есть два массива, которые мне нужно объединить для создания конкатенации всех их элементов, например:

var array1 = ["A", "B", "C"];
var array2 = ["1", "2", "3"];

resultado = ["A1", "A2", "A3", "B1", "B2", "B3", "C1", "C2", "C3"];

Для этого я могу придумать 3 разных метода: использование классического цикла for, использование метода forEachили использование метода mapследующими способами:

за

var array1 = ["A", "B", "C"];
var array2 = ["1", "2", "3"];

var resultado = [];
for(var x = 0; x < array1.length; x++) {
  for (var y = 0; y < array2.length; y++) {
    resultado.push(array1[x] + array2[y]);
  };
};

console.log(resultado);

для каждого

var array1 = ["A", "B", "C"];
var array2 = ["1", "2", "3"];

var resultado = [];
array1.forEach(function(valor1) {
  array2.forEach(function(valor2) {
    resultado.push(valor1 + valor2);
  });
});

console.log(resultado);

карта

var array1 = ["A", "B", "C"];
var array2 = ["1", "2", "3"];

var resultado = [];
array1.map(function(valor1) {
  array2.map(function(valor2) {
    resultado.push(valor1 + valor2);
  });
});

console.log(resultado);

Все три метода проходят через оба массива, и со всеми тремя я получаю один и тот же результат (как вы можете видеть в приведенных выше примерах). Теперь мои вопросы:

  • Каковы преимущества/недостатки каждого метода?
  • Есть ли один, который следует использовать над другими или в зависимости от ситуации?
  • Есть ли метод, который делает что-то подобное и лучше (например, более эффективный или быстрый)
javascript

1 Answers

  1. Best Answer

    Каковы преимущества/недостатки каждого метода?

    Это довольно общий вопрос. Классический forи самый современный forEachв основном одинаковы. По сути, forEachон родился как более современная альтернатива классическому for(как и в большинстве языков). Использование forболее разумно для выполнения заданного количества итераций, а forEachдля обхода коллекций. Преимущество в forтом, что он довольно быстрый по сравнению с forEach(хотя этот не медленный).

    Есть ли тот, который следует использовать поверх других? Или в зависимости от ситуации?

    Ответ всегда зависит. Как я сказал в предыдущем пункте, forи forEachхотя они могут использоваться для одних и тех же вещей, последний в основном предназначен для обхода коллекций (отсюда и его название).

    Map, с другой стороны, предназначен для перебора коллекции, но с целью обработки этой коллекции для возврата из нее новой. Этот алгоритм работает одинаково в таких языках, как Java.

    Есть ли метод, который делает что-то подобное и лучше (например, более эффективный или быстрый)

    Чтобы ответить на этот вопрос, мы можем сделать небольшой тест, сравнивая различные структуры:

    • за
    • для каждого
    • карта
    • для в
    • для

    тест производительности

    Этот простой тест производительности дает интересные результаты. Кажется , mapон быстрее, чем Gecko , чем Webkit со значительной разницей.forEach

    var array = [];
var runs = 100;

(function() {
  for (var i = 0; i < 100000; i++) array[i] = i;

  function runTest(name, f) {
      var totalTime = 0;
      console.time(name);

      for (var r = 0; r < runs; r++) {
          f();
      }
      return console.timeEnd(name);
  }

  function doNothing(v) { }

  runTest('for', function() {
      for (var i = 0; i < array.length; i++) {
          doNothing(array[i]);
      }
  });
  
  runTest('forEach', function() {
    array.forEach(doNothing);
	});
  
  runTest('for in', function() {
  	for(var i in array) {
    	doNothing(array[i]);
    }
  });
  
  runTest('for of', function() {
  	for(var i of array) {
    	doNothing(i)
    }
  });
  
  runTest('map', function() {
  	array.map(doNothing);
  })
})();

    Выводы

    Последние версии Firefox , Chrome и Edge возвращают следующее:

    • Mapэто быстрее, Geckoчем во всех двигателях.
    • forЭто самая быстрая структура из всех.
    • for inэто самая медленная структура из всех.
    • forEachбыстрее, чем mapв Webkitи Chakra.
    • ChakraЭто самый длинный прием среди двигателей.
    • for ofзанимает примерно столько же времени, сколько forEach.

    Очевидно, что эти результаты могут различаться между версиями движков/браузеров, но я думаю, что результаты радикальны между ними.

    • 18