내일배움캠프 6주차 TIL

내일배움캠프 6주차 (6-1TIL) 거북이알반...

YOOYOUNGJAE 2022. 12. 5. 22:12
728x90

나의실력이 그자리에 멈춰있는 정체기가온거같아

튜터님이 실시간으로 강의하는 거북이알반에들어왔다

오늘 til은 강의중 정리한내용을 올리도록하겠다

메소드 활용방법이다

FOR OF

FOR EACH

MAP

FILTER

REDUCE

 

//배열을 다룰때 좀더 유용한 방법을해보자
//그걸위해서는 테스트로 쓸 배열 하나를 만들어보자보자

const testArr = [2, 10, 100, 7, 71, 50, 27, 1]
//일반 적인 방법으로
for (let i = 0; i < testArr.length; i++) {
    // console.log(testArr[i])
}

//for ~ of 를 이용한 방법
for (item of testArr) {
    // console.log(item);
}

//01.forEach -> forEach
//그냥 for문과 똑같아 하나씩 끄집어내는거야
//객체(배열)에는 속성과 메서드가 있다
//속성은 눈코입 메서드는 눈코입을 움직이게하는 겄이다


//함수를 넣는 방법
//함수를 변수에 담아서 넣는방법
testArr.forEach(function (item) {
    // console.log(item);
});
//화살표함수
testArr.forEach((item) => {
    // console.log(item);
})

//02. map
//map은 맵핑한다
//보통 입력함수를 map. forEach, ~~의 매개 변수로 넣어요
//map함수는 return한 애들을 모아서 새로운 배열을 만든다
// const mappedArr = testArr.map((item) => item * +2);

// console.log("수정된배열")
// console.log(mappedArr)

const mappedArr = testArr.map((item) => { });
console.log("mapped")
console.log(mappedArr)

//03. FILLTER => 걸러내는것
const filteredArr = testArr.filter((item) => {
    // console.log("check", item)
    // if (item > 10) {
    //     return item;
    // } else {
    //     return null
    // }

    //3항연산자
    return item > 10 ? item : null
});
console.log("filtered");
console.log(filteredArr);


// const testArr = [2, 10, 100, 7, 71, 50, 27, 1]
// reduce
testArr.reduce((acc, cur, idx) => {
    console.log("acc", acc)
    console.log("cur", cur)
    console.log("idx", idx)
    console.log("")

    return (acc = acc += cur);
}, 0);
728x90