[ Day 25 ] - 阵列的资料处理 - find

特性与用途

• 不会影响到原始阵列的资料
• 筛选符合条件的第一笔资料，并且回传至新的阵列

直接进入写法及范例

范例一：找出阵列中 >= 10 的资料

const dataList = [5, 7, 10, 99];

const newDataList = dataList.find(function(item){
  return item >= 10;
});
console.log(newDataList);

执行结果

因为 find 的特性，会回传符合条件的第一笔资料，所以结果为 10

范例二：找出小於 100 的资料

const dataList = [
    {
      goodsName: '帆布提袋',
      price: 499
    },
    {
      goodsName: '文青斜背包',
      price: 399
    },
    {
      goodsName: '简约风饮料提袋',
      price: 39
    },
]

const newDataList = dataList.find(function(item){
  return item.price < 200;
});
console.log(newDataList);

执行结果：

回传一笔符合条件的资料

最後来练习箭头函式

• 第一种写法 ：先拔 function ，再加上 => 魔法棒，完成！

const dataList = [5, 7, 10, 99];

const newDataList = dataList.find((item) => {
  return item > 10;
});
console.log(newDataList);

• 第二种写法：拔掉不需要的括号，想着把 => 後面当作魔法棒要执行的咒语（条件），那麽就完成了

const dataList = [5, 7, 10, 99];

const newDataList = dataList.find(item => item > 10);
console.log(newDataList);

参考资料及学习资源

• 六角学院 - JavaScript 必修篇 - 前端修练全攻略
• Array.prototype.find()

本日小节

在箭头函式的自己学习的记法多了一点说明～不知道有没有比较好理解一点（Ｘ）
今天是国庆日呢！！
这是我的学习纪录，我们下次见！