공부 및 일상기록

[Javascript] 배열자료형, 딕셔너리 자료형 본문

개발/Javascript

[Javascript] 배열자료형, 딕셔너리 자료형

낚시하고싶어요 2022. 9. 5. 22:33

출처 : https://velog.io/@bungouk6829/Javascript-%EC%9D%98-%EC%9E%90%EB%A3%8C%ED%98%95

 

1. 배열 자료형

 - 배열은 [ ] 또는 newArray()로 생성하고 서로다른 타입의 변수가 들어갈 수 있다.

 ex) var array = newArray(2,4,5,"a",'b');

       var array = [2,4,5,"a",'b');

 

자주사용하는 속성과 메소드

변수명.length() : 길이

변수명.push(추가할 값) : 배열 맨 뒤에 데이터 추가

변수명.pop() : 배열 맨 뒤 데이터 제거

변수명.unshift(추가할 값) : 배열 맨 앞에 데이터 추가

변수명.shift() : 배열 맨 앞 데이터 제거

변수명.indexOf(찾을 값) : 배열 내부에 찾을 값의 위치 찾기

 

2. 딕셔너리 자료형

 - 키 : 값 형태로 저장할 수 있다.

   중괄호 {}를 이용하여 생성하고 콜론 : 을 사용하여 키 : 값 을 쌍으로 저장하며 콤마 , 를 이용하여 여러쌍의 키 : 값 을 저장 할 수 있다. 중괄호 대신 newObject() 생성자 사용도 가능하며 인덱스 접근자 [ ] 를 사용하여 설정 가능하다.

 ex) 중괄호 이용 var me = {'name' : 'kim' , 'birth' : 1992};

 ex) 인덱스 접근자 이용 var me = {};

       me['name'] = 'kim';

       me['birth'] = 1992;

 

 

 

 

 

3. 리스트와 딕셔너리의 조합

names = [{'name':'bob','age':20},{'name':'carry','age':38}]

// names[0]['name']의 값은? 'bob'
// names[1]['name']의 값은? 'carry'

new_name = {'name':'john','age':7}
names.push(new_name)

// names의 값은? [{'name':'bob','age':20},{'name':'carry','age':38},{'name':'john','age':7}]
// names[2]['name']의 값은? 'john'

 

출처 : 항해99 강의 내용