---
# System prepended metadata

title: 分頁製作：三元運算子&element.tagName&slice
tags: [ALPHACampWeek6_學期2-2]

---

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

分頁製作：三元運算子&element.tagName&slice
===

slice
---
- (起點, 終點)
```jsx=
function getMoviesByPage(page) {
  //計算起始 index 
  const startIndex = (page - 1) * MOVIES_PER_PAGE
  //回傳切割後的新陣列
  return movies.slice(startIndex, startIndex + MOVIES_PER_PAGE)
}
```

element.tagName
---
- 必須是大寫
```jsx=
if (event.target.tagName !== 'A') return
```

三元運算子
---
```jsx=
//如果搜尋結果有東西，條件判斷為 true ，會回傳 filteredMovies，然後用 data 保存回傳值：
 const data = filteredMovies.length ? filteredMovies : movies
```
