Javascript JS变量的动态名称

Javascript JS变量的动态名称,javascript,Javascript,你能指导我如何用循环或类似的东西替换长javascript吗?我必须创建一些变量,然后在每次按键后调用一个方法 var list1 = new List('list1', options); var list2 = new List('list2', options); var list3 = new List('list3', options); var list4 = new List('list4', options); var list5 = new List('list5', opti

你能指导我如何用循环或类似的东西替换长javascript吗?我必须创建一些变量,然后在每次按键后调用一个方法

var list1 = new List('list1', options);
var list2 = new List('list2', options);
var list3 = new List('list3', options);
var list4 = new List('list4', options);
var list5 = new List('list5', options);
var list6 = new List('list6', options);
var list7 = new List('list7', options);
var list8 = new List('list8', options);
var list9 = new List('list9', options);
var list10 = new List('list10', options);
var list11 = new List('list11', options);

$('.search-field').on('keyup', function () {
    window.scrollTo(0, 0);
    list1.search($(this).val());
    list2.search($(this).val());
    list3.search($(this).val());
    list4.search($(this).val());
    list5.search($(this).val());
    list6.search($(this).val());
    list7.search($(this).val());
    list8.search($(this).val());
    list9.search($(this).val());
    list10.search($(this).val());
    list11.search($(this).val());
});

您可以将变量分组为数组或对象

例如(对象中的变量):


您可以将变量分组为数组或对象

例如(对象中的变量):


你可以用这个替换你的代码。从空的
数组开始。然后使用
for
循环添加元素,然后使用另一个
for
循环调用函数

const list = [];
for (let i = 0; i < 11; i++) {
  list[i] = new List('list' + i, options);
}


$('.search-field').on('keyup', function () {
  window.scrollTo(0, 0);
  for (let i = 0; i < 11; i++) {
    list[i].search($(this).val());
  }

});
const list=[];
for(设i=0;i<11;i++){
列表[i]=新列表(“列表”+i,选项);
}
$('.search field')。在('keyup',函数(){
滚动到(0,0);
for(设i=0;i<11;i++){
列表[i].search($(this.val());
}
});

您可以用此代码替换您的代码。从空的
数组开始。然后使用
for
循环添加元素,然后使用另一个
for
循环调用函数

const list = [];
for (let i = 0; i < 11; i++) {
  list[i] = new List('list' + i, options);
}


$('.search-field').on('keyup', function () {
  window.scrollTo(0, 0);
  for (let i = 0; i < 11; i++) {
    list[i].search($(this).val());
  }

});
const list=[];
for(设i=0;i<11;i++){
列表[i]=新列表(“列表”+i,选项);
}
$('.search field')。在('keyup',函数(){
滚动到(0,0);
for(设i=0;i<11;i++){
列表[i].search($(this.val());
}
});

for
循环的
教程应该很容易找到。您可能还想查看有关
Array
s的教程。另一个副本的可能副本的可能副本您应该能够很容易地找到有关如何使用
for
循环的教程。您可能还想查看有关
Array
s的教程。另一个可能重复的可能重复的可能重复的谢谢,我尝试了您的解决方案,但我不知道为什么它不起作用,当我用我在上面编写的原始代码替换它时,它又起作用了!谢谢,我尝试了你的解决方案,但我不知道为什么它不起作用,当我用我上面写的原始代码替换它时,它又起作用了!
const list = [];
for (let i = 0; i < 11; i++) {
  list[i] = new List('list' + i, options);
}


$('.search-field').on('keyup', function () {
  window.scrollTo(0, 0);
  for (let i = 0; i < 11; i++) {
    list[i].search($(this).val());
  }

});