如何預先使用'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; 
});