Array개념 그게 맞아?!?

임홍렬·2022년 8월 20일
0

자바스크립트 공부

목록 보기
8/12
post-thumbnail

object와 자료구조의 차이점

토끼 object: 동물, 귀2개(프로퍼티), 먹는다(함수,메소드), 뛴다(함수,메소드)
당근 object: 채소, 비타민C(프로퍼티), 주황색(프로퍼티)

자료구조 : 비슷한 타입의 object들을 묶어 놓은 것

자바스크립트는 다이나믹타입언어여서 타입이 동적으로 정의가 된다.(한 바구니안에 다양한 종류의 데이터를 담을 수 있다.)
타입이 있는 언어에서는 동일한 타입의 오브젝트를 담을 수 있다.

Array 선언

const arr1 = new Array();
const arr2 = [1,2];
(0번째 인덱스에는 1 1번째 인덱스에는 2)

index 접근

const fruits = ['🍎', '🍌'];
console.log(fruits);
console.log(fruits.length);
console.log(fruits[0]);
console.log(fruits[1]);
console.log(fruits[2]);
console.log(fruits[fruits.length - 1]);

모든 과일 출력하기

for (let i=0; i < fruits.Length; i++) {
	console.log(fruits[i]);
    }
for(let fruit of fruits) {
	console.log(fruit);
	} 
fruits.forEach((fruit) => console.log(fruit));

추가, 삭제, 복사

push: 마지막에 아이템을 넣는다.
fruits.push('🍓', '🍑');
console.log(fruits);

pop: 마지막에 있는 아이템을 지운다.
const poped = fruits.pop();
fruits.pop();
console.log(fruits);

unshift: 맨 앞에 아이템 넣기
fruits.unshift('🍓', '🍋');
console.log(fruits);

shift: 맨 앞에 아이템 제거
fruits.shift();
fruits.shift();
console.log(fruits);

shift, unshift 는 pop, push보다 훨씬 느리다.
splice: 원하는 인덱스 위치에 제거, 추가할 수 있다.
fruits.push('🍓', '🍑', '🍋');
console.log(fruits);
fruits.splice(1, 1);
console.log(fruits);
fruits.splice(1, 0, '🍏', '🍉');
console.log(fruits);

두 배열 합치기
const fruits2 = ['🍐', '🥥'];
const newFruits = fruits.concat(fruits2);
console.log(newFruits);

command 눌러서 설명이 영어지만 해석해가면서 공부하기 같은 단어들의 반복이라 금방할수있다 !!!

profile
뜨내기 FE 개발자

0개의 댓글