JS如何定義用字符串拼接的變量
今天在寫js的時(shí)候碰到了難題，我又一個(gè)頁面需要生成很多的變量。但是變量的名稱是根據(jù)參數(shù)的不同而區(qū)分的。
例如可能需要生成 date_1,date_2,datet_3... （后面的數(shù)字是根據(jù)參數(shù)來的）。 所以我的函數(shù)名 應(yīng)該由 var name = "test_"+num; 生成函數(shù)名 但這問題就來了。
1可以使用 window[name] = " " 這種方式來定義變量：
所以 var "test_"+num = 100; 這中肯定是錯(cuò)誤的。后來問了大哥后才知道?？梢允褂?window[name] = 100 這種方式來定義變量?？创a
function create_variable(num){
var name = "test_"+num; //生成函數(shù)名
window[name] = 100;
window['name'] = 200; //注意看中括號(hào)里的內(nèi)容加引號(hào)和不加引號(hào)的區(qū)別
}
create_variable(2);
alert(test_2); // 100;
alert(name); //200;
總結(jié) window用中括號(hào)的方式定義 變量時(shí)，中括號(hào)里的內(nèi)容應(yīng)該是字符串。如果是一個(gè)變量的話，他就會(huì)解析這個(gè)變量找到具體的值。
他和點(diǎn)語法區(qū)別就是這里，點(diǎn)語法后面跟的內(nèi)容就是要定義的變量名。而不會(huì)在解析他是否為變量之類的。例如
var name = "test" window.name = 200 alert(name); // 200 alert(test); ReferenceError: test is not defined
2用對象的形式
var test = {};
for(var i = 0; i < 3; i++){
test['test_'+i]='我是字符串'+i;
console.log(test['test_'+i]); //輸出:我是字符串0, 我是字符串1, 我是字符串2
}
console.log(test_0); //輸出:ReferenceError: test_0 is not defined
console.log(test['test_0']); //輸出:我是字符串0
3用數(shù)組的形式
var test = [];
for(var i = 0; i < 3; i++){
test[i]='我是字符串'+i;
console.log(test[i]); //輸出:我是字符串0, 我是字符串1, 我是字符串2
}
console.log(test[0]); //輸出:我是字符串0
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript/TypeScript 實(shí)現(xiàn)并發(fā)請求控制的示例代碼
這篇文章主要介紹了JavaScript/TypeScript 實(shí)現(xiàn)并發(fā)請求控制，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-01-01
本篇文章通過代碼實(shí)例給大家講述了如何javascript填充默認(rèn)頭像以及相代碼分享，對此有興趣的朋友可以學(xué)習(xí)下。2018-02-02
JavaScript如何將時(shí)間戳轉(zhuǎn)化為年月日時(shí)分秒格式
這篇文章主要給大家介紹了關(guān)于JavaScript如何將時(shí)間戳轉(zhuǎn)化為年月日時(shí)分秒格式的相關(guān)資料,在前端的日常工作當(dāng)中,時(shí)間戳的使用也是不少的,有時(shí)后端返回給我們的數(shù)據(jù)是一個(gè)時(shí)間戳,我們需要轉(zhuǎn)換成年月日,時(shí)分秒的形式展示在頁面當(dāng)中,需要的朋友可以參考下2023-11-11
javascript字母大小寫轉(zhuǎn)換的4個(gè)函數(shù)詳解
這篇文章主要介紹了javascript字母大小寫轉(zhuǎn)換的4個(gè)函數(shù)詳解,需要的朋友可以參考下2014-05-05
javascript將浮點(diǎn)數(shù)轉(zhuǎn)換成整數(shù)的三個(gè)方法
將浮點(diǎn)數(shù)轉(zhuǎn)換成整數(shù)方法有很多，本例為大家介紹常用的三個(gè)方法，如果讀者想到其他好用方法，也可以交流一下2014-06-06
JavaScript實(shí)現(xiàn)簡單動(dòng)態(tài)進(jìn)度條效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)簡單動(dòng)態(tài)進(jìn)度條效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-04-04
JavaScript中的property和attribute介紹
JavaScript中的property和attribute介紹，需要的朋友可以參考下。2011-12-12
做過微信開發(fā)的都知道，在部分android機(jī)型里微信不支持網(wǎng)頁上傳圖片的，這是由于這些機(jī)型的文件上傳存在內(nèi)存泄漏，會(huì)導(dǎo)致微信閃退，所以微信內(nèi)置瀏覽器將文件上傳屏蔽，本篇文章給大家介紹使用微信jssdk如何上傳圖片，需要的朋友可以關(guān)注下2015-08-08
JSONP即JSON with Padding。由于同源策略的限制，XmlHttpRequest只允許請求當(dāng)前源（域名、協(xié)議、端口）的資源。2010-05-05
JavaScript?中使用SpreadJS導(dǎo)入和導(dǎo)出?Excel?文件的方法
這篇文章主要介紹了如何在?JavaScript?中使用SpreadJS導(dǎo)入和導(dǎo)出?Excel?文件,本文通過圖文實(shí)例代碼相結(jié)合給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-09-09