제목

일반적인 for문 사용

let pokemon = ['이상해씨','이상해풀','이상해꽃','파이리','리자드','리자몽','꼬부기','어니부기','거북왕'];

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

이상해씨
이상해풀
이상해꽃
파이리
리자드
리자몽
꼬부기
어니부기
거북왕

Array.forEach()

Array.forEach(함수) 함수를 인자로 받으며 순환하며 해당 함수에 인자값으로 배열에 접근할 수 있다.

기본 사용법 1

function printPokemon(item) {
  console.log(item);
}
pokemon.forEach(printPokemon);

기본 사용법 2

pokemon.forEach((item) => {
  console.log(item);
});

이상해씨
이상해풀
이상해꽃
파이리
리자드
리자몽
꼬부기
어니부기
거북왕

기본 사용법 2 - index 사용

pokemon.forEach((item, index) => {
  console.log(index, item);
});

0 이상해씨
1 이상해풀
2 이상해꽃
3 파이리
4 리자드
5 리자몽
6 꼬부기
7 어니부기
8 거북왕

Array.map()

인자값으로 받은 함수를 통해 새로운 배열을 반환해준다.

기본 사용법 1

let data = pokemon.map((item, index) => {
  return item;
});
console.log(data);

[
'이상해씨', '이상해풀',
'이상해꽃', '파이리',
'리자드', '리자몽',
'꼬부기', '어니부기',
'거북왕'
]

기본 사용법 2

let data = pokemon.map((item, index) => {
  return item + ' 포켓몬';
});
console.log(data);

[
'이상해씨 포켓몬',
'이상해풀 포켓몬',
'이상해꽃 포켓몬',
'파이리 포켓몬',
'리자드 포켓몬',
'리자몽 포켓몬',
'꼬부기 포켓몬',
'어니부기 포켓몬',
'거북왕 포켓몬'
]

Array.filter()

조건에 대해 true인 값을 모두 필터링해준다. Array타입으로 반환한다.

기본 사용법 1

👉 item이 꼬부기인 것을 뽑아줘

let data = pokemon.filter((item, index) => {
  return item === '꼬부기';
});
console.log(data);

[ '꼬부기' ]
👉 item의 첫글짜가 "이"로 시작하는 것을 뽑아줘

기본 사용법 2

let data = pokemon.filter((item, index) => {
  return item.startsWith('이');
});
console.log(data);

[ '이상해씨', '이상해풀', '이상해꽃' ]

Array.some()

조건에 대해 true인 값의 여부를 알려준다.

기본 사용법 1

👉 '이'로 시작하는 item이 있어?

let data = pokemon.some((item, index) => {
  return item.startsWith('이');
});
console.log(data);

Array.every()

조건에 대해 모두가 true인지 확인하는 함수

기본 사용법 1

👉 item 모두가 '이'로 시작해?

let data = pokemon.some((item, index) => {
  return item.startsWith('이');
});
console.log(data);

false

Array.find()

조건에 대해 true인 값을 모두 필터링해준다. String타입으로 반환한다.
filter는 배열로 반환하며 해당하는 조건을 가진 것을 모두 반환해준다.

기본 사용법 1

👉 item의 첫글자가 "이"로 시작하는 것을 찾아줘

let data = pokemon.find((item, index) => {
  return item.startsWith('이');
});
console.log(data);

이상해씨

Array.findIndex()

조건에 맞는 값의 인덱스를 하나 찾아준다.

let data = pokemon.findIndex((item, index) => {
  return item.startsWith('이');
});
console.log(data);

0