尋找改進方法和在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評估爲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