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
- querySelector
- 부트캠프 #개발일지 #TIL #Position #위치
- 부트캠프 #스파르타코딩클럽 #개발일지# #html
- 의사클래스
- 부트캠프
- 개발일지
- 부트캠프 #스파르타코딩클럽 #개발일지# #TIL #Javascript #confirm #location.href
- useState
- textContent
- 부트캠프 #개발일지 #TIL #CSS속성 #float #clear
- 부트캠프 #CSS #개발일지 #TIL
- 부트캠프 #CSS #개발일지 #TIL #박스모델
- 부트캠프 #개발일지 #TIL #FlexboxFroggy #displayflex #flexbox
- 부트캠프 #코딩 #개발일지 #프론트엔드 #CSS #TIL
- CSS
- 알고리즘
- JS예제
- js
- 깃허브오류
- 템플릿스트링
- 특성선택자
- 리액트
- Til
- useEffect
- 부트캠프 #개발일지 #TIL #그리드 #CSS
- 개발일지 #TIL #프론트엔드 #HTML
- appendChild
- 결합선택자
- React
- ㅜㄹㄹ
Archives
- Today
- Total
나의 개발일지
[Javascript] 보충반 강의 예제풀이(1) 본문
// 1. 다음 배열에서 5보다 큰 숫자만 출력하세요.
const arr = [1, 4, 2, 3, 10, 15, 0];
const result1 = arr.filter(function(val){
return val > 5;
})
console.log(result1)
// 2. 다음 배열의 모든 값을 출력하세요
const arr01 = [1, 2, 3, 4, 5];
for(let a = 0; a < arr.length; a++) {
console.log(arr01[a]);
}
//foreach문을 쓴 버전!!
const arr1 = [1, 2, 3, 4, 5];
arr1.forEach(function(val){
console.log(val);
})
// 3-1. 값과 인덱스값 출력하기
const arr02 = [1, 4, 2, 3, 10, 15, 0];
arr02.forEach(function(value, index) {
console.log("값" + value);
console.log("순서" + index);
console.log("---------------");
});
// 3-2. 값과 인덱스 출력(화살표함수 버전)
const arr03 = [1, 4, 2, 3, 10, 15, 0];
arr03.forEach((value, index) => {
console.log("값" + value);
console.log("순서" + index);
console.log("---------------");
})
// 4. arr04에 있는 요소 중에서 5이
// 5-1. "홍길" 을 포함하는 요소 출력하기 (filter + includes)
const arr05 = ["홍길동", "홍길순", "옹길순"]
const result3 = arr05.filter(function(val){
return val.includes("홍길")
})
console.log(result3)
// 5-2. "홍길" 을 포함하는 요소 출력하기 (filter + includes)
// 화살표함수 버전
const arr06 = ["홍길동", "홍길순", "옹길순"]
let result4 = arr06.filter((val) => val.includes("홍길"))
console.log(result4)
** 기본예제만 풀었을 뿐이다
다양한 예제를 더 풀어야 함과 동시에 정리가 필요할 것 같다
'JavaScript > js 예제풀기' 카테고리의 다른 글
[Javascript] reduce (0) | 2023.10.24 |
---|