快捷導(dǎo)航

JavaScript處理變量命名的參數(shù)對(duì)象

更新時(shí)間：2022年06月02日 11:38:37 作者：??三苗同學(xué)????

這篇文章主要介紹了JavaScript處理變量命名的參數(shù)對(duì)象，在開發(fā)過程中，遇到一個(gè)給對(duì)象賦值的問題，參數(shù)是通過循環(huán)變量的方式進(jìn)行處理，接下來詳細(xì)介紹需要的小伙伴可以參考一下

問題描述：在開發(fā)過程中，遇到一個(gè)給對(duì)象賦值的問題，參數(shù)是通過循環(huán)變量的方式進(jìn)行處理。

js 重要函數(shù) window,eval

1、window 定義全局變量。
2、eval() 函數(shù)計(jì)算 JavaScript 字符串，并把它作為腳本代碼來執(zhí)行。

如果參數(shù)是一個(gè)表達(dá)式，eval() 函數(shù)將執(zhí)行表達(dá)式。如果參數(shù)是Javascript語句，eval()將執(zhí)行 Javascript 語句。

另外，window使用注意點(diǎn)如下圖：

事例：

// 用數(shù)組中的變量定義參數(shù)
let need_arr = ['a1','b1','c1','d2','e2'];
for (let i = 0; i < need_arr.length-1; i++) {
  let need_name = need_arr[i];  //生成函數(shù)名
  window[need_name] = '賦值參數(shù)，也可以是對(duì)象'+i;
  // 也可以寫成 window.need_name = '賦值參數(shù)，也可以是對(duì)象'+i;
}
console.log(a1);
console.log(b1);
console.log(c1);
console.log(d2);
console.log(e2);

打印結(jié)果：

賦值參數(shù)，也可以是對(duì)象0
賦值參數(shù)，也可以是對(duì)象1
賦值參數(shù)，也可以是對(duì)象2
賦值參數(shù)，也可以是對(duì)象3
賦值參數(shù)，也可以是對(duì)象4

說明：上面實(shí)現(xiàn)的效果是，以 need_arr 數(shù)組里的值作為變量，并給變量賦值。

如果賦值是對(duì)象的話，需要取對(duì)象里的元素（使用函數(shù)）。接著使用上面定義的數(shù)組，事例如下：

let need_arr = ['a1','b1','c1','d2','e2'];
for (let i = 0; i < need_arr.length-1; i++) {
  let need_name = need_arr[i];  //生成函數(shù)名
  window[need_name] = '賦值參數(shù)，也可以是對(duì)象'+i;
}
const have_arr=[]; 

for (let i = 0; i < need_arr.length-1; i++) {
  let have_name = need_arr[i];   //生成函數(shù)名
  let need_obj = eval("("+have_name+")")
  have_arr[need_arr[i]] = need_obj; // 如果是對(duì)象科室使用其函數(shù)
}
console.log(have_arr)

打印結(jié)果：

說明：上面是把need_arr里的值作為變量并賦值，然后，再把生成的變量（如a1）的值（可以是字符串，也可以是對(duì)象。如 "賦值參數(shù)，也可以是對(duì)象0"）作為值賦值給對(duì)應(yīng)的變量（如a1）;

如果把上面代碼中的 have_arr[need_arr[i]] = need_obj; // 如果是對(duì)象科室使用其函數(shù) 這一行改為have_arr[need_arr[i]] = need_obj.length; // 如果是對(duì)象科室使用其函數(shù),可以根據(jù)下面的結(jié)果，對(duì)比一下：