250x250
Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | |
| 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 | 31 |
Tags
- 비전공 개발자
- 개발자
- effect
- 프론트엔드
- iOS 개발자
- 애니메이션
- HTML
- 풀스택
- 비전공자
- CSS
- react
- button
- jQuery
- php
- keyframes
- Animation
- front-end
- IOS
- hover
- xcode
- 백엔드
- MAC
- html5
- javascript
- ipad
- image
- iPhone
- 자바스크립트
- css3
- SWIFT
Archives
- Today
- Total
비전공자 개발일기
Javascript forEach, map, filter, some, every, reduce 본문
728x90
SMALL
★ 모든 method는 지정한 배열 내 요소들로 진행
array.map(x => x *2)이면 이때 x는 array[0], array[1].... 이 되는 것!
// Array.map(함수)
const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20];
const doubles = numbers.map(function (num) {
return num * 2;
})
console.log(doubles)
///////////////////////////////////////////////////////////////
// Array.forEach(함수)
const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20];
numbers.forEach(function (el) {
if (el % 2 === 0) {
console.log(el)
}
})
///////////////////////////////////////////////////////////////
// Array.filter(함수)
const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20];
numbers.filter(n => {
return n < 10
})
///////////////////////////////////////////////////////////////
// Array.some(함수) & Array.every(함수)
const exams = [80, 98, 92, 78, 77, 90, 89, 84, 81, 77]
exams.every(score => score >= 80)
exams.some(score => score >= 75)
///////////////////////////////////////////////////////////////
// Array.reduce()
const prices = [9.99, 1.50, 19.99, 49.99, 30.50];
let total = 0;
for (let price of prices) {
total += price
}
console.log(total)
const total = prices.reduce((total, price) => {
return total + price
})728x90
LIST
'Javascript' 카테고리의 다른 글
| Javascript - Calculator (0) | 2021.09.19 |
|---|---|
| Javascript axios - search (0) | 2021.09.18 |
| Javascript Simple update (0) | 2021.09.11 |
| Javascript Clock (0) | 2021.09.10 |
| Javascript Calendar (0) | 2021.09.09 |