Javascript 在div中仅显示一次数组的唯一值

我使用以下脚本随机洗牌数组中的值：

function shuffle(array)
{
  var m = array.length, t, i;
  while (m > 0) 
  {
    i = Math.floor(Math.random() * m--);
    t = array[m];
    array[m] = array[i];
    array[i] = t;
  }
  return array;
}

var keywords = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23", "24"];

shuffle(keywords);

现在，我正试图用这些随机洗牌的krxwords做什么：我有24个div，我想在每个div中显示一个结果：

<div class="grid-wrapper">
    <div class="grid g1" data-row="0" data-column="0"><h1>Show value 1 of array</h1></div>
    <div class="grid g2" data-row="0" data-column="1"><h1>Show value 2 of array</h1></div>
    <div class="grid g3" data-row="0" data-column="2">...</div>
    <div class="grid g4" data-row="0" data-column="3">...</div>
    <div class="grid g5" data-row="0" data-column="4">...</div>
    <div class="grid g6" data-row="4" data-column="0">...</div>
    <div class="grid g7" data-row="4" data-column="1">...</div>
    <div class="grid g8" data-row="4" data-column="2">...</div>
    <div class="grid g9" data-row="4" data-column="3">...</div>
    <div class="grid g10" data-row="4" data-column="3">...</div>
</div>

显示数组的值1
显示数组的值2
...
...
...
...
...
...
...
...

我怎么能这样做

此外，每个数字都有一个链接，例如值1的链接1。如何在div中显示这些对应的链接

---

我真的很感谢你的帮助，我甚至不知道在互联网上找什么，因为我是JS新手。

jQuery函数，如

.text（）

可以处理你给它们的所有元素。因此，

$（“.grid”）.text（）

将运行在

“.grid”

选择的任何元素上

如果您传递一个回调函数，那么回调的结果将被使用——在本例中，用于填充元素的文本

回调函数接收元素的索引作为第一个参数，它与数组的索引配合得很好

var关键字=[“1”、“2”、“3”、“4”、“5”、“6”、“7”、“8”、“9”、“10”、“11”、“12”、“13”、“14”、“15”、“16”、“17”、“18”、“19”、“20”、“21”、“22”、“23”、“24”]；
$（函数（）{
洗牌（关键词）；
$（“.grid”）.text（函数（i）{
返回关键字[i]；
});
})
函数洗牌（数组）
{
var m=数组长度，t，i；
而（m>0）
{
i=Math.floor（Math.random（）*m--）；
t=阵列[m]；
数组[m]=数组[i]；
数组[i]=t；
}
返回数组；
}

显示数组的值1
显示数组的值2
...
...
...
...
...
...
...
...

jQuery函数，例如

.text（）

可以处理您提供给它们的所有元素。因此，

$（“.grid”）.text（）

将运行在

“.grid”

选择的任何元素上

如果您传递一个回调函数，那么回调的结果将被使用——在本例中，用于填充元素的文本

回调函数接收元素的索引作为第一个参数，它与数组的索引配合得很好

var关键字=[“1”、“2”、“3”、“4”、“5”、“6”、“7”、“8”、“9”、“10”、“11”、“12”、“13”、“14”、“15”、“16”、“17”、“18”、“19”、“20”、“21”、“22”、“23”、“24”]；
$（函数（）{
洗牌（关键词）；
$（“.grid”）.text（函数（i）{
返回关键字[i]；
});
})
函数洗牌（数组）
{
var m=数组长度，t，i；
而（m>0）
{
i=Math.floor（Math.random（）*m--）；
t=阵列[m]；
数组[m]=数组[i]；
数组[i]=t；
}
返回数组；
}

显示数组的值1
显示数组的值2
...
...
...
...
...
...
...
...

您可以在每个div上使用JS vanilla和

forEach

循环

grid

类，并在洗牌后为

innerText

属性指定相应的关键字

var关键字=[“1”、“2”、“3”、“4”、“5”、“6”、“7”、“8”、“9”、“10”、“11”、“12”、“13”、“14”、“15”、“16”、“17”、“18”、“19”、“20”、“21”、“22”、“23”、“24”]；
（功能（）{
洗牌（关键词）；
const grids=document.queryselectoral（“.grid”）；
grids.forEach（函数（grid，i）{
grid.innerText=关键字[i]；
});
})();
函数洗牌（数组）{
var m=array.length，
t、 一,；
而（m>0）{
i=Math.floor（Math.random（）*m--）；
t=阵列[m]；
数组[m]=数组[i]；
数组[i]=t；
}
返回数组；
}

显示数组的值1
显示数组的值2
...
...
...
...
...
...
...
...

您可以在每个div上使用JS vanilla和

forEach

循环

grid

类，并在洗牌后为

innerText

属性指定相应的关键字

var关键字=[“1”、“2”、“3”、“4”、“5”、“6”、“7”、“8”、“9”、“10”、“11”、“12”、“13”、“14”、“15”、“16”、“17”、“18”、“19”、“20”、“21”、“22”、“23”、“24”]；
（功能（）{
洗牌（关键词）；
const grids=document.queryselectoral（“.grid”）；
grids.forEach（函数（grid，i）{
grid.innerText=关键字[i]；
});
})();
函数洗牌（数组）{
var m=array.length，
t、 一,；
而（m>0）{
i=Math.floor（Math.random（）*m--）；
t=阵列[m]；
数组[m]=数组[i]；
数组[i]=t；
}
返回数组；
}

显示数组的值1
显示数组的值2
...
...
...
...
...
...
...
...

这是否回答了您的问题？这回答了你的问题吗？