如何预先使用'this'字符串

Question

说我有一个字符串数组。我想用一个固定的（公共）字符串来预先给每个字符串加上一个字符串。 我知道在Javascript中，字符串可以像strM = str1 + str2 + str3 + ... + strN或strM = concat(str1, str2, str3, ..., strN)连接起来。考虑这段代码。

var defImgDirPath = 'res/img/'; 
$([ 
    'home-icon-dark.png', 
    'home-icon-light.png' 
]).each(function() { 
    /* 
    * Prepend each string with defImgDirPath 
    */ 
}); 

现在，我不能做this = defImgDirPath + this;（我是愚蠢到试图）

而且，我想return (defImgDirPath + this);但将不能工作。

我在想像this.prependString(defImgDirPath);这样的函数，但是有这样一个函数吗？如果不是，我该如何写一个？

注意：我知道这可以通过for循环很容易和简单地完成，但有什么好玩的呢？ :)

Answer 1

var defImgDirPath = 'res/img/'; 
var images = [ 
    'home-icon-dark.png', 
    'home-icon-light.png' 
]; 
$(images).each(function(idx, val) { 
    images[idx] = defImgDirPath + val; 
}); 

console.log(images); 

Answer 2

问题是，您正在更改数组中的项目的副本，因此该数组将不受影响。

遍历数组中的索引，并把结果返回数组中：

var arr = [ 'home-icon-dark.png', 'home-icon-light.png' ]; 

for (var i = 0; i < arr.length; i++) { 
    arr[i] = defImgDirPath + arr[i]; 
} 

如果你真的想使用jQuery的循环方法，那么你就需要使用map，让你以数组形式获得结果。请注意，您需要使用回调函数的参数，如this是不是该数组中的项目：

arr = $.map(arr, function(str){ 
    return defImgDirPath + str; 
}); 

Answer 3

在JavaScript的（ECMA 5）的最新标准，你可以做到这一点没有jQuery的：

var defImgDirPath = 'res/img/'; 

['home-icon-dark.png','home-icon-light.png'].map(function(i) { 

     return defImgDirPath + i; }); 

编辑：此外，jquery的地图功能工作也类似。

Answer 4

在Javascript中，this始终引用一个对象（当前上下文对象），因此它永远不会是一个字符串，因此尝试将它与另一个字符串连接将失败，正如您找到的。

但是，没有必要为你正在做的事情使用jQuery或对象;你只需在每个字符串数组的开头添加一个已知值即可。

让我们把它改写使用标准的JavaScript，而jQuery的并发症...

var defImgDirPath = 'res/img/'; 
var images = [ 
    'home-icon-dark.png', 
    'home-icon-light.png' 
]; 

for(var count=0; count<images.length; count++) { 
    images[count] = defImgDirPath + images[count]; 
} 

我已经把图像数组变量，使其更容易看到什么实际的循环代码在做什么。正如你所看到的，这是一个非常简单的循环;这里不需要jQuery魔术。

希望帮助。

Answer 5

this.prependString(defImgDirPath);

号字符串是在JavaScript中不可变的。级联到一个新的字符串就可以了，并用它.concat会是什么样

var newString = defImgDirPath.concat(this); // no static function! 

如果不存在，我怎么写呢？

你不能，因为assigning object to "this"是不可能的。

相反，你必须分配给你的工作（使用static $.each，而不是在收集工作）的阵列的属性：

var arr = [ 
    'home-icon-dark.png', 
    'home-icon-light.png' 
]; 
$.each(arr, function(i) { 
    arr[i] = defImgDirPath + this; 
}); 
arr[0] // res/img/home-icon-dark.png 

我也试过return (defImgDirPath + this);

您将需要使用map为，创建一个新的数组：

var arr = $.map([ 
    'home-icon-dark.png', 
    'home-icon-light.png' 
], function(str) { 
    return defImgDirPath + str; 
}); 

---

当然，它可能没有jQuery的更容易在所有：

for (var i=0; i<arr.length; i++) { 
    arr[i] = defImgDirPath + arr[i]; 
} 

而且还map可作为本地函数（而不是在过时的浏览器）：

var arr = [ 
    'home-icon-dark.png', 
    'home-icon-light.png' 
].map(function(str) { 
    return defImgDirPath + str; 
});