javascript 对象数组未打印

s4n0splo  于 2023-04-28  发布在  Java
关注(0)|答案(2)|浏览(91)

输出:

我的代码:

let carsArray = [
  {
    make: "BMW",
    model: "325i",
    year: 2034,
  },
  {
    make: "Volvo",
    model: "540xi",
    year: 2025,
  },
  {
    make: "BMW",
    model: "435e",
    year: 1994,
  },
  {
    make: "BMW",
    model: "X6",
    year: 2025,
  },
];

function twoYearsOld (element) {
  let year = element.year - 2023;
  return year === 2;
};

let twoYearOldCars = carsArray.filter(twoYearsOld);
document.write(twoYearOldCars);

大家好。我有一个问题,当我写document.write时,活动页面上的结果只是说对象,对象。我有一个数组,里面有对象。
我期待它这样说:

[
  { 
    make: 'Volvo', 
    model: '540xi', 
    year: 2025 
  },
  { 
    make: 'BMW', 
    model: 'X6', 
    year: 2025 
  }
]
6ss1mwsb

6ss1mwsb1#

我认为,你用了一个错误的方法来显示你的结果。您可以使用控制台。log()JSON。stringify()像这样
1.使用
控制台。log

console.log();
1.JSONstringify()
document.body.innerText = JSON。stringify(twoYearOldCars);
现在让我们看看代码看起来如何

let carsArray = [
    {
      make: "BMW",
      model: "325i",
      year: 2034,
    },
    {
      make: "Volvo",
      model: "540xi",
      year: 2025,
    },
    {
      make: "BMW",
      model: "435e",
      year: 1994,
    },
    {
      make: "BMW",
      model: "X6",
      year: 2025,
    },
  ];

  function twoYearsOld (element) {
    let year = element.year - 2023;
    return year === 2;
  };

let twoYearOldCars = carsArray.filter(twoYearsOld);

console.log(JSON.stringify(twoYearOldCars));
13z8s7eq

13z8s7eq2#

听起来你想“美化”数据。您可以stringify它,然后将它添加到<pre>元素中的<code>元素。ref1|参考文献2。

let carsArray=[{make:"BMW",model:"325i",year:2034},{make:"Volvo",model:"540xi",year:2025},{make:"BMW",model:"435e",year:1994},{make:"BMW",model:"X6",year:2025}];

function twoYearsOld(element) {
  return element.year - 2023 === 2;
}

const twoYearOldCars = carsArray.filter(twoYearsOld);

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

// `stringify` accepts three arguments. The first is the data
// you want to stringify, the third is the space indentation.
// and the second is "the replacer" - you can read about
// that in the documentaton
code.textContent = JSON.stringify(twoYearOldCars, null, 2);
<pre><code></code></pre>

相关问题