回调与数组方法
从数据集合到页面列表
回调函数是作为参数传入、由另一段代码调用的函数。先理解输入与返回值,再阅读后续 DOM 和 Tab 示例。
- find:返回第一个满足条件的元素,找不到则返回 undefined。
- map:返回转换后的新数组,不应把它当成修改原数组的命令。
- [...集合]:把可迭代集合展开成数组;后续会用于元素集合。
- 先用 console.log 验证数据,再把结果显示到页面。
const courses = [{ id: 1, title: "HTML" }];
const found = courses.find(item => item.id === 1);
const titles = courses.map(item => item.title);
console.log(found?.title); // HTML
console.log(titles); // ["HTML"]