230113 JS: 숙달을 위한 메모 - Array(배열) 편 II

✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영).

 

---

 

지난 글과 이어서 배열에 대한 내용을 적어보려한다.

두서 없게 쓴 것들을 정리도 하고싶고 추후 내가 기억이 안나면 훑어 보기 위해서!!

tmi.나눠서 적는 이유는 한 게시글이 길면 개인적으로 읽기가 싫음ㅎㅎ

 

 

---

.map() : 메소드에 붙어있는 배열데이터 만큼 콜백함수가 반복적으로 실행되고 출력된 데이터를 새로운 배열로 출력해줌

예시

const obst = ['Apfel', 'Banane', 'Kirshe'];

const b = obst.map(function(fruit, idx){ 
  return `${fruit} - ${idx}` // "보간법!!"
})
console.log(b); 
//>>(3) ['Apfel - 0', 'Banane - 1', 'Kirshe - 2']

const c = obst.map(function(fruit, idx){  //객체데이터를 만들어서 활용할 수 있음. 많이 사용
  return {
    name: fruit,
    id: idx
  }
})
console.log(c);
/*
(3) [{…}, {…}, {…}]
0: {name: 'Apfel', id: 0}
1: {name: 'Banane', id: 1}
2: {name: 'Kirshe', id: 2}
*/

const d = obst.map((fruit, idx) => `${fruit} - ${idx}`)//화살표 함수로 바꾸기

---

.filter() : 조건에서 true인 값만 반환을 하는 메소드

예시

const num = [1, 2, 3, 4];

const aa = num.map(nums => { 
  return nums < 3;
});
console.log(aa); // (4) [true, true, false, false]

//.filter()메소드 사용
const bb = num.filter(nums =>{
  return nums < 3;
});
console.log(bb); // (2) [1, 2]

---

.includes() : 메소드 안에 입력한 데이터의 유무를 불린값으로 출력해주는 메소드

예시

const num = [1, 2, 3, 4];

const ab = num.includes(3);
console.log(ab); //>> true


const obst = ['Apfel', 'Banane', 'Kirshe'];

const abc = obst.includes('podo');
console.log(abc);//>> false

---

.push() : 맨뒤 배열에 특정데이터를 밀어넣음

.unshift() : 맨앞 배열에 특정데이터를 넣어줌

예시

// **** 원본 수정됨 주의!**** //

const num = [1, 2, 3, 4]; // 원본

num.push(5);
console.log(num); // (5) [1, 2, 3, 4, 5]

num.unshift(-1);
console.log(num); // (6) [-1, 1, 2, 3, 4, 5]

---

.reverse() : 원본이 수정됨, 원본 배열의 순서가 뒤바뀜

예시

const num = [1, 2, 3, 4];
const obst = ['Apfel', 'Banane', 'Kirshe'];

num.reverse(); //num 배열에 .reverse()메서드 호출!
obst.reverse(); //obst 배열에 .reverse()메서드 호출!

console.log(num, obst); 
//>> (6) [5, 4, 3, 2, 1, -1] 
//>> (3) ['Kirsh', 'Banane', 'Apfel']

---

.splice(a, b, c)  : 배열 안 a의 위치에서 b개를 지워라(없다면 0)  a자리에 c를 채워라 : 삭제와 끼워넣기

예시

const num = [1, 2, 3, 4];

num.splice(2, 1, 33);
// num배열의 2번째위치에서 2개를 지워라(3자리에서 1개를 지워라), 
// 그리고 그 2번째 자리에 33을 채워라

console.log(num); //>> (4) [1, 2, 33, 4]