[강의] 프로그래밍과 데이터 in JavaScript_배열

김하은·2023년 10월 4일
0

코드잇 강의 정리

목록 보기
8/60

프로그래밍과 데이터 in JavaScript_배열

배열 (Array)

  • 객체에서 값들의 순서만 더 유지해도 되는 상황에 이용
  • 배열에서는 값들을 요소 (element)라고 부름
  • 배열의 순서를 index라고 하고 함 -> PropertyName의 역할 임
  • indexing은 0부터 시작함
let fruits = ['사과', '수박', '배'];

console.log(fruits[0]); // 사과
console.log(typeof fruits); // object 

// 프로퍼티 이용하기
console.log(fruits.length); // 3
console.log(fruits['length']); // 3
console.log(fruits[memebers.length - 1]); // 배

// 새로운 요소 추가
furits[3] = '귤';
console.log(fruits[3]); // 귤

// 요소 수정
fruits[1] = '치킨';
console.log(fruits[1]); // 치킨

// 요소 삭제
// splice(startIndex, deleteCount, item)
fruits.splice(2); // 시작 인덱스 이후 모든 요소 삭제
console.log(fruits); // (2) ["사과", "치킨"]
fruits.splice(2, 1); //콤마 뒤에 지우고 싶은 개수 적어주기
console.log(fruits) // (3) ["사과", "치킨", "귤"]
fruits.splice(2, 1, '청포도', '메론') //삭제한 요소 자리에 값 추가
console.log(fruits); // (4) ["사과", "치킨", "청포도", "메론"]

// 배열의 첫 요소를 삭제: shift()
fruits.shift();
console.log(fruits); // (3) ["치킨", "청포도", 메론"]
// 배열의 마지막 요소를 삭제: pop()
fruits.pop();
console.log(fruits); // (2) ["치킨", "청포도"]
// 배열의 첫 요소로 값 추가: unshift(value)
fruits.unshift('샤인머스켓');
console.log(fruits); // (3) ["샤인머스켓", "치킨", "청포도"]
// 배열의 마지막 요소로 값 추가: push(value)
furits.push('감');
console.log(fruits); // (4) ["샤인머스켓", "치킨", "청포도", "감"]

// 배열에서 특정 값 찾기: indexOf / lastIndexOf / includes
let brands = ['Google', 'Kakao', 'Naver', 'Kakao'];
console.log(brands.indexOf('Kakao')); // 1
console.log(brands.indexOf('Daum')); // -1
console.log(brands.lastIndexOf('Kakao')); // 3
console.log(brands.includes('Kakao')); // ture
console.log(brands.includes('Daum')); // false

// 배열 뒤집기: reverse
brands.reverse();
console.log(brands); // (4) ["Kakao", "Naver", "Kakao", "Google"]

for...of 반복문

for (변수 of 배열) {
  동작부분;
}

let toDoList = ['studying', 'cleaning', 'reading', 'cooking'];

for (let i = 0; i < toDoList.length; i++) {
  console.log(toDoList[i]); 
}
// studying \n cleaning \n reading \n cooking

for (let element of toDoList) {
  console.log(element); 
}
// studying \n cleaning \n reading \n cooking

for(let index in toDoList) {
  console.log(toDoList[index]);
}
// studying \n cleaning \n reading \n cooking
  • for in 문을 배열에서 쓰면 배열의 메소드나 배열이 가지고 있는 length property 같은 것들도 할당 될 수 있어서 위험함

다차원 배열 (multidimensional array)

  • 배열도 요소로 들어 갈 수 있음
  • 값들의 의미보다 순서나 위치에 중점을 둔 정보가 필요할 때 사용함
let twoDimensional = [[1, 2], [3, 4]];

console.log(twoDimensional[0]); // (2) [1, 2]
console.log(twoDimensional[0][1]); // 2 
profile
아이디어와 구현을 좋아합니다!

1개의 댓글

comment-user-thumbnail
2023년 12월 8일

안녕하세요 포스팅 잘봤습니다 코드잇 스프린트 부트캠프 관련해서 후기가 많이없어서 시간 괜찮으시면 카톡으로 질문 드려도 괜찮을까요?
https://open.kakao.com/o/sLwPBOWf

답글 달기