filter()란?filter라는 이름에서 알 수 있듯이 배열 속에서 필요한 것들만 남길 수 있게 해줍니다. 물론 이런 상황은 for문을 통해서 처리될 수 있습니다. const len3 = []; const arr = ["lemon", "candy", "hot", "pie"]; for(let i=0; iconst beverage = [ {name: "아메리카노", price: 3700}, {name: "카페라떼", price: 4200}, {name: "쟈스민", price: 3000}, {name: "프라푸치노", price: 5100}, {name: "카페모카", price: 4400} ]; 음료에 대한 정보가 담긴 배열입니다. 이 배열을 예시로 filter 메소드를 사용해보겠습니다. 제 카드 잔액이..
배열이란?배열은 순서를 가진 객체입니다. 간단히 말하자면 여러가지 데이터들을 인덱스라는 순서로 저장해두는 것이 배열입니다. const arr = [1, "name", 5, "age", 17.2]; arr[0]; // 1 arr[1]; // "name" 대괄호 안에 인덱스를 넣으면 저장된 데이터를 알 수 있었습니다. 오늘은 배열 내에서 필요한 데이터를 찾는 방법을 알아보겠습니다.indexOf / lastIndexOfindexOf는 찾고자 하는 값과 정확히 일치하는 첫 번째 요소의 인덱스를 반환합니다. 코드를 통해 알아보겠습니다. arr.indexOf(1) // 0이 나옴 arr.indexOf("age") // 3이 나옴 첫 번째 요소의 인덱스라고 적었듯이 만약 똑같은 값이 여러개 들어있다면 맨 처음의 값의..
저번 포스팅에서는 객체의 구조분해를 다뤘습니다. 마지막 부분에는 객체와 배열을 혼합한 구조에서 구조분해는 어떻게 할 것인지도 다루니 혹시 객체 구조분해를 모르신다면 보고 오시는 것을 추천드립니다. 자바스크립트 객체의 구조분해배열 구조분해 하기 let arr = ["first", "second", "third"]; let [first, second, third] = arr; first와 second, third의 값을 확인하시면 각각 "first"와 "second", "third"의 값이 담겨 있는 것을 볼 수 있습니다. 객체를 구조분해 할 땐 객체 리터럴을 사용했지만 배열을 구조분해 할 땐 배열 리터럴을 사용합니다. 할당 연산자 왼쪽에 배열 리터럴이 오고, 할당연산자 오른쪽에 오는 값은 null이나 un..