728x90
반응형

JavaScript Array Object 의 메서드 사용방법 예

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
// 배열 엘리먼트 추가
console.log('[1,2] =======================');
var data = [1, 2];
data[2] = 3;
console.log(data);
 
var value = data[2];
console.log(value);
 
// 값이 없는 배열 엘리먼트에는 undefined가 할당됨
data[5] = 6;
console.log(data);
console.log(typeof data[4]); // undefined 가 나옴
 
var five = 5;
data[five + 1] = 7;
console.log(data);
 
// new Array() : Array Object 의 인스턴스를 반환
console.log('new Array() =======================');
var obj = new Array();
console.log(obj.length);
 
obj = new Array(3);
console.log(obj.length);
 
// 아래의 3가지는 모두 동일하다
console.log(new Array(11, 34, 56));
console.log(new Array([11, 34, 56]));
console.log([11, 34, 56]);
 
// concat() : 값을 결합 하여 배열로 반환
console.log('concat() =======================');
var value = [1, 2];
// [1, 2, 3, 4]
result = value.concat(3, 4);
console.log(result);
console.log(value.concat([3],[4]));
// [1, 2, 3. [4. [5. 6]]]
console.log(value.concat([3, [4, [5,6]]]));
 
// push() : 배열의 끝에 값을 추가한다.
console.log('push() =======================');
var len,
    value = [1,2,3];
 
len = value.push(456); // length를 반환
console.log(value);
console.log(len);
value.push(12, [34]);
console.log(value);
console.log(len);
 
// join() : 배열과 분리자를 결합해서 문자열로 변환 및 반환
console.log('join() =======================');
var value = [1, 2, 3];
console.log(value.join());
console.log(value.join('')); // ,(콤마) 가 사라지고 일반 문자열 인것처럼 변환한다.
console.log(value.join('##'));
 
// pop() : 배열의 마지막 엘리먼트 삭제
console.log('pop() =======================');
var value = [1, 2, 3];
value.pop();
console.log(value);
 
// unshift() : 배열의 첫 번째 엘리먼트에 추가
console.log('unshift() =======================');
 
// shift() : 배열의 첫 번째 엘리먼트 삭제
console.log('shift() =======================');
 
// sort() : 엘리먼트 값이 적은 순서대로 sort 된다. ascending
console.log('sort() =======================');
var result,
    value = [4, 2, 3, 1];
 
result = value.sort();
console.log(result);
console.log(value);
 
value = ['A1', 'A01', 'B2', 'B02'];
value.sort();
console.log(value);
 
value = ['Z', 'AB', 'JKL', 'JQRT'];
value.sort();
console.log(value);
 
value = ['Z','z', 'AB', 'JKL', 'JQRT'];
value.sort();
console.log(value);
 
value = [, 78, 12]; // 0번째는 undefined
value.sort();
console.log(value[2]);
 
// sort() 를 desc(내림차순) 으로 sort가 불가하다 직접 함수를 작성해야함
var value = [101, 26, 7, 1234];
value.sort();
console.log(value);
 
// 기본적으로 sort 는 문자열 sort이다.
// unicode이기 때문에 한지리씩 비교한다.
value = [101, 26, 7, 1234];
value.sort(function(one, two){
    return one - two;
}); // 굉장히 불필요한 작업이지만 어쩔수없다. 클라이언트 언어이기때문에
    // 제공을 해주지 않은것으로 보인다. factorial 개념
console.log(value);
 
// 역순으로 sort 를 한다.
value = [101, 26, 7, 1234];
value.sort(function(one, two){
    return -(one - two);
});
console.log(value);
 
// reverse() : 배열 엘리먼트 위치를 역순으로 바꿈
console.log('reverse() =======================');
var result;
    value = [1,7,3];
 
result = value.reverse();
console.log(result);



728x90
반응형

+ Recent posts

티스토리툴바