배열을 다루는 상황이 꽤나 많아졌다. 배열 까먹은 게 많아서 다시 한 번 연습해봤다. 반복하면 전에는 보이지 않던 게 보이는 경우가 많은 것 같다. 아래는 연습으로 끄적인 코드.
let name = [
"드래곤볼",
"귀멸의 칼날",
"드레이크",
"도로헤도로",
"애플워치",
"주술회전",
];
let days = [
{ day: "mon", vacation: true },
{ day: "tue", vacation: true },
{ day: "wed", vacation: false },
{ day: "thu", vacation: true },
];
// for문을 이용해서 배열을 하나씩 꺼낼 때
for (let i = 0; i < name.length; i++) {
console.log(name[i]);
}
// forEach를 사용하면 for문으로 꺼내는 것보다 편함
name.forEach((item) => console.log(item, "1"));
// map은 반드시 배열을 반환함, 객체를 담은 배열에서 원하는 데이터만 뽑을 때 사용 많이 함
let data = name.map((item) => {
return "내가 좋아하는 것 : " + item; // 여기에 값을 어떻게 반환할지 코드로 만들어줄 수 있다
});
console.log(data);
// filter는 조건에 맞는 데이터만 배열로 반환하고 싶을 때
let data2 = name.filter((item) => {
return item === "귀멸의 칼날";
});
console.log(data2);
// array.splice
let data5 = ["1", "2", "3", "4", "5"];
data5.splice(0, 0, "추가1", "추가2", "추가3");
console.log(data5);
// array.slice
let data6 = data5.slice(0, 6);
console.log(data6);
리액트 연습을 하다보니까 그냥 쓰고 있는 ES6 신택스들이 있다. 더 나은 이해를 위해서 리액트에서 자주 쓰게 되는 것들 위주로 정리해놔야겠다.
햄버거 먹고 싶다.