从Array Javascript中的某些对象中获取随机项目

轻心津

你好开发人员我想从数组中的某些对象中获取随机数据,但是当我想显示它时显示对象 [object],而不是显示来自对象的文本,我尝试了很多方法但没有任何解决方案?非常感谢帮助我的人

let bill = [
 {
   name : "Sandra",
     price : "50$",
     payment : "visa",
     cardnumber:"1234 5678 9012 3456"
 },
  {
   name : "Johnson",
     price : "200$",
     payment : "master",
     cardnumber:"1234 5678 9012 3456"
 },
 ]
 
 let get  = document.querySelector(".get");
 let first =  document.querySelector(".first");
  let second =  document.querySelector(".second");
     let third =  document.querySelector(".third");
      let fourth=  document.querySelector(".fourth");
        
get.addEventListener("click" , ()=> {
let text= bill[Math.floor(Math.random()* bill.length)];

first.innerHTML =  text;
second.innerHTML = text;
third.innerHTML =  text;
fourth.innerHTML =  text;

})
body {
 font-family:"Lato",sans-serif;
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
}
<body>

<h1>
Get latest invoice
</h1>
<button class="get">Get</button>
<table >
  <tr>
    <th>Name</th>
    <th>Price</th> 
    <th>Payment</th>
            <th>Card Number</th>

  </tr>
  <tr>
    <td class="first"></td>
    <td class="second "></td>
    <td class="third"></td>
            <td class="fourth"></td>

  </tr>
    </table>
    </body>

教令

它是 return [object] 因为 text 变量是一个对象,所以如果你想获得名字,你应该通过调用它的键来获得,比如 first.innerHtml = text.name (获取名字)

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>

  <style>
    body {
      font-family: "Lato", sans-serif;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
    }
  </style>
  <body>
    <h1>Get latest invoice</h1>
    <button class="get">Get</button>
    <table>
      <tr>
        <th>Name</th>
        <th>Price</th>
        <th>Payment</th>
        <th>Card Number</th>
      </tr>
      <tr>
        <td class="first"></td>
        <td class="second"></td>
        <td class="third"></td>
        <td class="fourth"></td>
      </tr>
    </table>
  </body>

  <script>
    let bill = [
    {
      name : "Sandra",
        price : "50$",
        payment : "visa",
        cardnumber:"1234 5678 9012 3456"
    },
      {
      name : "Johnson",
        price : "200$",
        payment : "master",
        cardnumber:"1234 5678 9012 3456"
    },
    ]

    let get  = document.querySelector(".get");
    let first =  document.querySelector(".first");
    let second =  document.querySelector(".second");
    let third =  document.querySelector(".third");
    let fourth=  document.querySelector(".fourth");

    get.addEventListener("click" , ()=> {
    let text= bill[Math.floor(Math.random()* bill.length)];
    console.log(text);

    first.innerHTML =  text.name;
    second.innerHTML = text.name;
    third.innerHTML =  text.name;
    fourth.innerHTML =  text.name;

    })
  </script>
</html>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

从由Array组成的对象中获取值

如何获取存储在 Array 中的对象的键

从JavaScript数组中获取随机项目

从JavaScript数组中获取随机项目

反复从javascript数组中获取随机项目?

Array 元素的问题并在 Javascript 中随机化

如何从一键具有Array的对象数组中获取不同的值并计算JavaScript?

如何从 List<MyList> Array 列表中获取单个 String 项目

如何从javascript中的数组中获取多个随机不同的项目?

Javascript获取对象中项目列表的长度?

如何从Observable Array嵌套对象中获取价值

从给定对象中获取Array-Object-String

javascript forloop,将当前项目记录在array中,并将其余项目与array

如何通过onClick随机使用array.map,useState,useEffect在React中显示项目?

随机排列python数组中的某些项目

使用Array中存在的对象提取Array

我在 angular 中获取 array[array{json}]

如何从 np.array 中随机获取 20 个元素并将其保存到 DataFrame?

使用 Array.map 在 javascript 对象中创建多个键

数组中的javascript随机项目?

遍历对象并在javascript中获取随机项

Laravel,将JSON数组转换为Array并仅从Array中获取一个对象

通过与对象的键进行比较来删除javascript中Array中的重复对象?

Swift中Array <Prototocol>中的对象索引

计算 PHP array_chunk 中的项目

从PHP的JSON数组中获取随机项目

从 listBox c# 中获取随机项目

从Redis中的排序集中获取随机项目

如何在不使用循环的情况下获取std :: array中项目的索引?