时间戳

首页 > 解决方案 > 从另一个数组中选择同名项目

javascript - 从另一个数组中选择同名项目

问题描述

我有一个名为 array-variable 的数组，它有 10 个值，而图像数组有 10 个值。

在调用rvalue()函数时，随机选择 3 个值到数组 []，

我想存储 tempimages[] 值，因为 tempimage[0] 应该是来自 ArrayOfImages[] 的数组 [0] 值 jpeg。

即，如果 array[0] 为 3，则 tempimages[0] 应为 3.jpeg。

如何，我如何实现它？

function rvalue() 
	{
  var array = [];
  var tempimages = [];
  var arrayVariable = ['1', '2', '3', '4', '5','6', '7', '8', '9', '10']
  
  var ArrayOfImages = ['1.jpg', '2.jpg', '3.jpg', '4.jpg' ,'5.jpg','6.jpg', '7.jpg', '8.jpg', '9.jpg' ,'10.jpg'];
  
  arrayLength = arrayVariable.length;

  ptags = document.getElementsByName("values");
  for (i = 0; i < ptags.length; i++) {
    ptags[i].textContent = arrayVariable[Math.floor(Math.random() * arrayLength)];
    
    array.push(ptags[i].textContent);
    
	tempimages.push(ptags[i].textContent);// 
  }
  console.log(array);
  console.log(tempimages);
}
p {
  font-size: 20px;
  color: #000000;
}
<body onload="rvalue()">

<div id="container">
            
                <p name="values"></p></div>
                <p name="values"></p></div>
                <p name="values"></p></div>
 </div>
</body>

标签： javascripthtml

解决方案

看看，这能解决你的问题吗？

function rvalue() {
  const array = [];
  const tempimages = [];
  const arrayVariable = ['1', '2', '3', '4', '5','6', '7', '8', '9', '10']
  const ArrayOfImages = ['1.jpg', '2.jpg', '3.jpg', '4.jpg' ,'5.jpg','6.jpg', '7.jpg', '8.jpg', '9.jpg' ,'10.jpg'];
  
  arrayLength = arrayVariable.length;

  ptags = document.getElementsByName("values");
  for (i = 0; i < ptags.length; i++) {
    ptags[i].textContent = arrayVariable[Math.floor(Math.random() * arrayLength)];
    array.push(ptags[i].textContent);
	  tempimages.push(`${ptags[i].textContent}.jpeg`);
  }
  console.log(array);
  console.log(tempimages);
}
p {
  font-size: 20px;
  color: #000000;
}
<body onload="rvalue()">

<div id="container">  
    <p name="values"></p></div>
    <p name="values"></p></div>
    <p name="values"></p></div>
 </div>
</body>

推荐阅读