filter메서드  기존 배열에서 조건을 만족하는 요소들만 필터링하여 새로운 배열로 반환배열이름.filter(콜백함수); let arr1 = [  { name: "스마트폰", color: "blue" },   { name: "책", color: "blue" },   { name: "아이패드", color: "red" },]; const colorBlue = arr1.filter((item) => item.hobby === "blue"); console.log(colorBlue); →결괏값: (2) [{…}, {…}]                 0 :  { name: "스마트폰", color: "blue" },                1 : { name: "책", color: "blue" },   ..

forEach메서드  모든 요소를 순회하면서, 각각의 요소에 특정 동작을 수행시키는 메서드배열이름.forEach(콜백함수 (현재요소값, 현재 반복 카운트, 전체 배열의 값) {}); let arr1 = [1, 2, 3]; arr1.forEach(function (item, idx, arr) {   console.log(idx, item * 2); }); →결괏값:0 21 42 6   includes메서드  배열에 특정 요소가 있는지 학인하는 메서드배열이름.includes(확인할 요소); let arr2 = ['red', 'blue', 'green'];let isIncludes = arr2.includes('red');console.log(isIncludes);→결괏값: true  존재하지 않는 요소를 찾..

push메서드  배열의 맨 뒤에 새로운 요소를 추가하는 메서드배열이름.push(추가할요소내용); let arr1 = ['red', 'blue', 'green'];arr1.push('yellow', 'cyan', 'black');console.log(arr1);→결괏값:(6) ['red', 'blue', 'green', 'yellow', 'cyan', 'black']  push메서드는 요소를 추가한 다음 변환된 배열의 길이를 반환함   pop메서드  배열의 맨 뒤에 있는 요소를 제거하고 그 결괏값을 반환배열이름.pop(); let arr2 = ['red', 'blue', 'green']; const popped = arr2.pop(); console.log(popped); →결괏값: green consol..

순회: 배열, 객체에 저장된 여러 개의 값에 순서대로 하나씩 접근하는 것 의미   배열 순회  let arr = ['a', 'b', 'c']; 1. 배열 인덱스 이용 인덱스를 이용하면 카운터 변수에 인덱스를 저장하여 인덱스를 이용해 순회 for (let i = 0; i   console.log(arr[i]); }   2. for of 반복문(오직 배열 순회만을 위해 존재) for of는 인덱스를 따로 저장하지 않고 배열 안에 값들을 순서대로 순회 for (let 변수이름 of  배열이름)  두개가 큰 성능 차이는 없어서 본인이 쓰기 편한 것으로 쓰기    객체 순회  let me = {  name: "mm_스터디",  age: 27,  country: "대한민국",}; 1. Object.keys 사용  ..

두 개가 나눠진 이유는 두 개가 값이 저장되거나 복사되는 과정이 서로 다르기 때문    원시타입 값 자체로써 변수에 저장되거나 복사됨 이 때 변수의 값이 수정되면 수정된 값을 메모리에 추가하고 변수에 저장되기 때문에수정되기 전 값은 그대로 변하지 않고 존재 = 불변값 let a = 1;일 때 실제 값인 1이 메모리에 저장되고 변수 a에 할당 a = 2;이 때도 2가 메모리에 저장되고 변수에 할당되기 때문에 a가 변해도 실제 저장된 1,2 값은 수정되지 않음   객체타입  객체타입은 값에 접근할 수 있는 주소값인 참조값을 통해 변수에 저장되고 복사됨  객체타입은 메모리에 값이 저장되고 실제 변수에는 그 값을 갈 수 있는 참조값이 할당되어 저장  let a2 = { p: 1 };일 때 실제 메모리에 {p:1..

Spread 연산자 ...배열이나 객체이름 흩뿌리다, 펼치다 라는 뜻으로 객체나 배열에 저장된 여러개의 값을 개별로 흩뿌려주는 역할을 한다  let color = ['red' , 'blue' , 'green']; let animal = ['cat' , 'dog' , 'mouse']; 이때 cat, dog 사이에 color를 넣고 싶다면원래는  animal  = ['cat' , color[0], color[1], color[2], 'dog' , 'mouse' ]; 로 직접 넣어줬어야함 근데 이렇게 하면 문제가 발생할 확률이 높음  → 배열의 값이 추가되거나 삭제가 되면 내가 원했던 결과와 다르게 나올 수 있음 그래서  Spread 연산자를 이용해 간단하고 안전하게 다루기 가능 let color = ['re..