🔥 # 20 javascript(배열함수)

🔥 배열함수

오늘은 배열함수를 공부해 볼 것이다.
배열에 대한 함수가 여러개 있다 그 중에 오늘 다뤄볼 것은 forEach(), map(), filte(), some(), every(), find(), findIndex() 이다.

• forEach : 반환값이 없다, 단순 for문과 같이 작동한다.
• map : 반환값을 배열에 담아 반환한다.
• filter: 조건에 충족하는(true) 아이템만 배열에 담아 반환한다.
• some: 조건에 충족하는 아이템이 하나라도 있으면 true 반환, 아니면 flase.
• every: 모든 배열에 아이템이 조건을 충족하면 true 반환, 아니면 false.
• find : 조건에 충족하는 아이템 하나만 반환(여러개라면 첫번째것만 반환)
• findIndex : 조건에 충족하는 아이템의 인덱스값 반환 (여러개라면 첫번째아이템의 인덱스번호만 반환)

🐱 forEach

기존에 for문을 대체해서 쓸 수 있다. for문을 써도되지만 for문보다 forEach를 쓰면 더 간단하게 쓸 수 있다.

예를 들어 name이라는 배열이 있다.

let names = ["Leo",
"Lio",
"Lee",
"Luna"
];

여기서 for문은

for(let i=0; i<names.length; i++){
    console.log(names[i]);
}

하지만 forEach 메서드를 쓴다면 더 간단하게 쓴다.

function printName(item){
    console.log(item); //이 item을 누가주느냐 바로 forEach()가 알아서 준다.
}

// names.forEach(함수) = 반환해주는 값이 없다.
names.forEach(printName);// forEach가 알아서 회전을 하면서 매번 배열의 아이템을 하나씩 넘긴다.

🙆‍♂️ 익명함수로 도 쓸 수 있다.

// 익명함수
names.forEach(function(item){
    console.log(item); //익명함수는 불필요하게 메모리 차지 안하고 사용되고 사라짐
});

🙆‍♂️익명함수(ES6)

// 익명함수(ES6)
names.forEach((item)=>{
    console.log(item);
});

🙆‍♂️ 인덱스 번호 넘겨주기

// 배열에 인덱스 번호도 넘겨준다.
names.forEach((item, index)=>{
    console.log(item, index);
});

🐱 map

map 같은 경우에는 배열이 들어있다. 반드시 배열을 반환한다.

let date = names.map((item)=>{
    return item; // 어떤 것을 리턴할지는 여기서 정한다.
});
console.log(date);

그렇다면 이 map() 함수는 언제 많이 쓰일까?
예를 들어 array 안에 객체들이 있을 때 나는 name만 모아서 프린트 하고싶다.

let ceoList=[{name:"rina", age:23, ceo:true},
{name:"park", age:40, ceo:true},
{name:"kim", age:45, ceo:false}
]

let ceoDate = ceoList.map((item)=>{ //이렇게 작성하면 배열에 name만 가져와
    return item.name;   //item에 네임만 리턴시키면 된다.
});
console.log(ceoDate);

🐱 filter

조건을 넣고 조건에 대해 참인 것만 반환됨

let names = ["Leo",
"Lio",
"Lee",
"Luna"
];

let ceoList=[{name:"rina", age:23, ceo:true},
{name:"park", age:40, ceo:true},
{name:"kim", age:45, ceo:false}
]

let ceoDate2 = ceoList.filter((item)=>{ 
    return item.age==23; // 나이가 23살인 사람만 필터링 해줘
});
console.log(ceoDate2);

let ceoDate3 = names.filter((item)=>{ 
    return item.startsWith("L"); //첫글자가 L로 시작하는 것 다 필터링 해줘.
});
console.log(ceoDate3);

🐱 some

let names = ["Leo",
"Lio",
"Lee",
"Luna"
];

let ceoDate4 = names.some((item)=>{ 
    return item.startsWith("L"); //첫글자가 L로 시작하는 것이 하나라도 있나?
});
console.log("L로 시작하는 : ",ceoDate4); // true

🐱 every

let names = ["Leo",
"Lio",
"Lee",
"Luna"
];

let ceoDate5 = names.every((item)=>{ 
    return item.startsWith("L"); //첫글자가 L로 시작하는 것이 모두 있니?
});
console.log(ceoDate5); //true

🐱 find

let names = ["Leo",
"Lio",
"Lee",
"Luna"
];

let ceoDate6 = names.find((item)=>{ 
    return item.startsWith("L"); //첫글자가 L로 시작하는 첫번째 아이템
});
console.log(ceoDate6); //Leo

🐱 findIndex

let names = ["Leo",
"Lio",
"Lee",
"Luna"
];

let ceoDate7 = names.findIndex((item)=>{ 
    return item.startsWith("Luna"); //Luna에 인덱스 번호.
});
console.log(ceoDate7);