나의 개발일지

[Javascript] 보충반 강의 예제풀이(1) 본문

JavaScript/js 예제풀기

[Javascript] 보충반 강의 예제풀이(1)

heew0n 2023. 10. 25. 23:15
// 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