使用Array.From时，为什么得到的是undefined值而不是textContent值

Question

我正在练习使用Array.From函数。我想我应该得到一个答案，它是div的textContent，但我得到的是未定义的。为什么？

null

const udemy = "udemy";
const text = document.querySelectorAll(".text");
const newText = Array.from(text);
var1 = newText.find((item) => {
  item.textContent === "person";
});
console.log(var1);

<h2 class="title">Arrray.from</h2>
<div class="container">
  <h2 class="text">hello</h2>
  <h2 class="text">person</h2>
  <h2 class="text">hello</h2>
</div>

null

Answer 1

我可以通过添加return关键字来解决这个问题。我刚才漏掉了。

null

const udemy = "udemy";
const text = document.querySelectorAll(".text");
const newText = Array.from(text);
var1 = newText.find((item) => {
  return item.textContent === "person";
});
console.log(var1);

<h2 class="title">Arrray.from</h2>
<div class="container">
  <h2 class="text">hello</h2>
  <h2 class="text">person</h2>
  <h2 class="text">hello</h2>
</div>