자바스크립트 배열에 대해 알아보자.
1. 배열은 어떻게 선언할까..
var arr_temp = new Array(); // 저는 이걸 가장 많이 씁니다.
var arr_temp = []
또는 선언과 동시에 값을 넣을 수 있다.
var arr_temp = [11,22,33,44];
그리고 배열안에 배열도 가능하다
var arr_temp = [[1,2,3],[4,5,6],[7,8,9]];
또 위는 아래와 같다.
var arr_temp = [];
arr_temp[0] = [1,2,3];
arr_temp[1] = [4,5,6];
arr_temp[2] = [7,8,9];
뭐 이렇게 다양한 방법으로 배열 선언이 가능하다.
2. OBJECT는 어떻게 선언할까..
var obj_temp = {}; // 저는 이걸 가장 많이 씁니다.
var obj_temp = new Object();
이것도 마찬가지로 선언과 동시에 값을 넣을 수 있다.
var obj_temp = {key1:"aa", key2:"bb"};
그리고 오브젝트 안에 오브젝트도 가능하다.
var obj_temp = {key1:{num1:"aa", num2:"bb"}};
3. 자 그럼 지원되는 함수는 뭐가 있을까요?..
(참고 : http://www.w3schools.com/jsref/jsref_obj_array.asp)
뭔가 영어로 엄청 써있다. 근데 자주 쓰일만한것을 알아보자
push() : 배열의 마지막에 원소를 추가.
ex) arr_temp.push(temp);
unshift() : 배열의 첫번째에 원소를 추가.
ex) arr_temp.unshift(temp);
shift() : 배열의 첫번째 원소를 삭제. 스텍을 연상하면 될 것이다.
ex) arr_temp.shift();
pop() : 배열의 마지막 원소를 삭제.
ex) arr_temp.pop(); ex) arr_temp.slice(2, 3);
concat() : 배열 두개를 합친다.
ex) arr_temp1.concat(arr_temp2);
보통 이것 외에 다른것 써본적이 없다. 딱히 쓸일이 없다랄까..
이제 OBJECT에는 어떤 함수가 있나 보자.
여기도 마찬가지로 영어로 뭔가 많다.
keys() : 말 그대로 key를 배열로 반환해준다. key로 ordering을 한다.
ex) Object.keys(obj_temp);
values() : 이건 value를 배열로 반환해준다. key로 ordering을 한다.
ex) Object.values(obj_temp);
keys()와 values()는 함꼐 쓰면 용이 할 수 있겠다.
entries() : key와 value를 2차원 배열로 만들어 준다. 마찬가지로 key로 ordering을 한다.
ex) Object.entries(obj_temp);
자, 이 외에것은 위의 링크에 들어가면 매우 잘 나와 있다.
참고해보시길.
'프로그래밍 > JS' 카테고리의 다른 글
[Vue.js] 03.2 Vue Html Elements와 Data 바인딩(v-bind) (0) | 2021.09.03 |
---|---|
[Vue.js] 03.1 Vue Html Elements와 Data 바인딩(v-model) (1) | 2021.09.02 |
[Vue.js] 02. Vue 라우터 (0) | 2021.09.02 |
[Vue.js] 01. Intellij로 Vue를 시작하자 (0) | 2021.09.01 |
jquery를 통한 input file drag and drop 만들기. (0) | 2016.03.21 |