---
# System prepended metadata

title: 收藏頁面製作：localStorage&JSON操作&findIndex()&splice
tags: [ALPHACampWeek6_學期2-2]

---

###### tags:`ALPHACampWeek6_學期2-2`

收藏頁面製作：localStorage&JSON操作&findIndex()&splice
===

瀏覽器的 local storage
---
```jsx=
存入資料 - localStorage.setItem('key','value')
取出資料 - localStorage.getItem('key')
移除資料 - localStorage.removeItem('key')
```

JSON 操作
---
```jsx=
//實務上把資料存入 local storage 時，會利用以下兩個方法操作：

JSON.stringify() ：存入時，將資料轉為 JSON 格式的字串。
JSON.parse()：取出時，將 JSON 格式的字串轉回 JavaScript 原生物件。
```

splice 切割陣列
---
- splice(起點,刪幾個,終點)
```jsx=
numbers.splice(index, 1)
console.log(numbers)  //[1,2,4,5,6]
```

Array.findIndex()
---
- 該findIndex()方法返回數組中滿足提供的測試函數的第一個元素的索引。否則，它返回，表示沒有元素通過測試。
```jsx=
const array1 = [5, 12, 8, 130, 44];

const isLargeNumber = (element) => element > 13;

console.log(array1.findIndex(isLargeNumber));
// expected output: 3
```