如何将 2 个字符串添加到数组中并一个显示另一个

Question

我有两个字符串，我需要将它们添加到数组中，然后一个显示另一个

const str1 = "SamsungGalaxy A52"
const str2 = "SamsungGalaxy A53"

let arr=[]

arr.push(str1,str2)

而且我想显示

  SamsungGalaxy A52
  SamsungGalaxy A53

Answer 1

如果要将两个值推送到数组，可以使用 arr.push(str1, str2); 或 arr.push(str1); arr.push(str2);

您可以创建一个 ul 和 li 列表以在 UI 中显示此列表。

const str1 = "SamsungGalaxy A52"
const str2 = "SamsungGalaxy A53"

let arr=[]

arr.push(str1);
arr.push(str2);
// arr.push(str1, str2);

console.log(arr);

const ul = document.createElement('ul');

for (const item of arr) {
  const li = document.createElement('li');
  li.textContent = item;
  ul.append(li);
}

document.querySelector('body').appendChild(ul)

Answer 2

你可以尝试类似的方法：

const product_1 = "SamsungGalaxy A52";
const product_2 = "SamsungGalaxy A53";

let products = [];

products.push(product_1, product_2);

const ul = document.querySelector('ul');

for (const product of products) {
  const li = document.createElement('li');
  li.textContent = product;
  ul.append(li);
}

li {
  list-style: none;
}

<ul>
</ul>

Answer 3

您可以构建字符串并添加为 innerHTML

const product_1 = "SamsungGalaxy A52";
const product_2 = "SamsungGalaxy A53";

const products = [];
products.push(product_1, product_2);

// or just
// const products = [product_1, product_2];

document.querySelector("#app").innerHTML = products
  .map((product) => `<div>${product}</div>`)
  .join("");

#app {
  margin-left: 20px;
}

<div id="app"></div>

如何将 2 个字符串添加到数组中并一个显示另一个

How to add 2 strings to an array and display one down the other

javascript

arrays

ecmascript-6