---
# System prepended metadata

title: filter
tags: [filter]

---

---
title: filter
tags: filter,
description:
---

filter
===

參考文章: https://wcc723.github.io/javascript/2017/06/29/es6-native-array

### filter 介紹 
> 1. 為 JavaScript 的陣列方法，可以用來「篩選陣列元素」。
> 2. 不會影響原來的陣列，而是會透過函式內所回傳的值組合成一個新的陣列。

舉例：
```js=
let price = [900, 1000, 400, 200, 100];
let newPrice = price.filter(item => {
    // 會篩選出「判斷為 true 的陣列元素」
    return item > 300;
});
console.log(price); // 結果為: [900, 1000, 400, 200, 100]
console.log(newPrice); // 結果為: [900, 1000, 400]
```

題目
---
請使用 filter() 操作 array 陣列，篩選出屬性 age <= 18 的陣列元素有哪些，並指派給 newArray。

```javascript=
const array = [
    {
      name: '小明',
      age: 18
    },
    {
      name: '小美',
      age: 15
    },
    {
      name: '杰倫',
      age: 19
    },
    {
      name: '漂亮阿姨',
      age: 22
    },
    {
      name: '老媽',
      age: 28
    }
  ];

  let newArray = array.filter(item => item.age <= 18);

  console.log(newArray);
```
![](https://i.imgur.com/rGhVNxK.png)
