TIL 1. JavaScript

배열

for문으로 배열 출력하기.

let dataType = ['Number', 'String', 'Boolean', 'null', 'undefined', 'object'];
for (let i = 0; i < 6; i++) {
  console.log(dataType[i]);
}

while문으로 배열 출력하기.

let dataType = ['Number', 'String', 'Boolean', 'null', 'undefined', 'object'];
let i = 0;
while (i < 6) {
  console.log(dataType[i]);
  i++;
}

배열 메소드

• 첫 요소 삭제 : shift()
• 마지막 요소 삭제 : pop()
• 첫 요소 추가 : unshift()
• 마지막 요소 추가 : push()

배열에서 특정 값 찾기 (indexOf / lastIndexOf)

array.indexOf(item)을 하면 array 배열에 item이 포함되어 있는지 확인할 수 있다.

만약 포함되어 있다면, item이 있는 인덱스가 리턴된다.
(포함되어 있지 않다면, -1이 리턴)
여러 번 포함되어 있으면, 처음 발견된 인덱스가 리턴된다.

lastIndexOf는 indexOf와는 반대로 탐색을 뒤에서 부터 하게 된다.

배열에서 특정 값이 있는지 확인하기 (includes)
때로는 그냥 그 값이 배열안에 있는지, 그 여부만 확인하고 싶을 수도 있는데, 그럴때는 includes 라는 메소드를 활용하면 된다.

array.includes(item)을 하게되면 array배열에 item이 있을 경우 true를, 없을 경우 false를 리턴한다.

배열 뒤집기 (reverse)
reverse라는 메소드를 활용하면, 배열의 순서를 뒤집을 수도 있다.

let brands = ['Google', 'Kakao', 'Naver', 'Kakao'];
console.log(brands);
brands.reverse();
console.log(brands);
(4) ["Google", "Kakao", "Naver", "Kakao"]
(4) ["Kakao", "Naver", "Kakao", "Google"]

이 밖에도 배열이 가지고 있는 유용한 메소드들이 다양하게 있다.

더 많은 내용을 알고싶다면, 클릭!

for ... of 반복문

for(let element of members){
console.log(element);
}

실습문제 (다중배열)

let groups = [
    ['영준', '캡틴'], 
    ['태순', '우재'],
    ['재훈', '지웅'],
    ['윤형', '동욱'],
    ['규식', '소원'],
  ];
  
  let teams = [
    [],
    [],
  ];
  
  for(let i = 0; i < groups.length; i++) {
    for(let j = 0; j < groups[i].length; j++) {
      teams[j][i] = groups[i][j];
    }
  }
  
  console.log(teams[0]);
  console.log(teams[1]);