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 |
Tags
- 애니메이션
- IOS
- 자바스크립트
- 비전공자
- hover
- iOS 개발자
- javascript
- 개발자
- button
- Animation
- php
- effect
- html5
- 프론트엔드
- 풀스택
- 백엔드
- CSS
- iPhone
- SWIFT
- keyframes
- jQuery
- HTML
- MAC
- react
- 비전공 개발자
- ipad
- css3
- front-end
- xcode
- image
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 |