在JavaScript中查找和替換數組中字符串的改進方法

Question

我有以下數組：

["cat", "dog", "cow"] 

我想用一個新的字符串替換每個值。

["tiger", "wolf", "diary"]

當前，我正在遍歷for循環，並檢查是否存在需要更改其名稱的字符串，如果存在，則將其替換為新值。 雖然for循環有效，但我想知道是否有更好的方法可以做到這一點。

Answer 1

假設您有一個要替換的對象，則可以使用Array.map

 var replace = { 'cat': 'tiger', 'dog': 'wolf', 'cow': 'diary', }; var starter = ["cat", "dog", "cow"]; var final = starter.map(value => replace[value] || value); console.log(final) 

如果字符串不在replace對象中，則replace[value]是undefined ，因此replace[value] || value replace[value] || value就是value本身。

無論如何， for肯定至少在node.js上相對於Benchmark.js表現更好：

Array.map x 2,818,799 ops/sec ±1.90% (76 runs sampled)
for array x 9,549,635 ops/sec ±1.86% (79 runs sampled)
Fastest is for array

這是我用於測試的代碼

var Benchmark = require('benchmark');
var suite = new Benchmark.Suite;

suite
.add('Array.map', function() {
  var replace = {
    'cat': 'tiger',
    'dog': 'wolf',
    'cow': 'diary',
  };

  var starter = ["cat", "dog", "cow"];

  var final = starter.map(value => replace[value] || value);
})
.add('for array', function() {
  var replace = {
    'cat': 'tiger',
    'dog': 'wolf',
    'cow': 'diary',
  };

  var starter = ["cat", "dog", "cow"];

  var final = [];

  for (var i = 0; i < starter.length; i++) {
    final.push(replace[starter[i]] || starter[i]);
  }
})
// add listeners
.on('cycle', function(event) {
  console.log(String(event.target));
})
.on('complete', function() {
  console.log('Fastest is ' + this.filter('fastest').map('name'));
})
// run async
.run({ 'async': true });

Answer 2

function transform(str){
   //logic to transform goes here
}

var massaged = myArr.map(transform);

也許這就是您要的？

此處的地圖參考： https : //developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map