[js] 배열

let arrA = [ 277, 83, 55, 36, 24, 36, 91 ];

위와같이 배열방의 갯수가 7개인 배열을 생성해보자.

arrA[9] = 999;

배열의 10번째 index에 999라는 숫자를 할당한다.

∴arrA.length=10

for (var i = 0; i < arrA.length; i++) {
			if (arrA[i] == undefined)
				arrA[i] = 0;
			html += arrA[i] + ',';
			sum += arrA[i];
		}

배열을 순회하면서 undefined일 때 0을 할당한다.

html += arrA[i] + ',';: 각 요소를 문자열로 추가한다.
sum += arrA[i];: 합계를 계산한다.

let arrB = [ 273, 'String', true, {}, function() {}, [ 123, 456 ] ];
		html += arrB + '<br/>';

결과

let arrC = [ 1, 2 ];
		arrC.push(3); 
		arrC.push(4);
		arrC.push(5);

배열의 끝에 하나 이상의 요소를 추가한다.

push참고:[java]Collection Framework

[java]Collection Framework

 

for ( let idx in arrC) {
			html += idx + ':' + arrC[idx]+' ';
		}
		html += '<br/>';
 		html += 'arrC 배열의 길이:' + arrC.length+'<br>';//5

for ( let iterable_element in iterable) {}

자바에 없는 for문이다.

인덱스:요소

결과

let val = '';
		while ((val = arrC.pop()) != undefined) { 
			html += val + ',';
		}
html += '<br>';
html += 'arrC 배열의 길이:' + arrC.length+'<br>';//0

배열의 마지막 요소를 제거하고 그 값을 반환한다.

pop참고:[java]Collection Framework

[java]Collection Framework

let cnt =0;
 		for (let element of arrA) {
			html+=`${cnt}번째 요소는 ${element} 입니다<br>`;
			cnt++;
		}

`(Backtick): java의 String.format처럼 사용가능하며 '을 대신한다.

${}:문자열 내에서 변수명을 삽입할 수 있게 한다.

결과

let arrD=['kiwi','banana','apple','mango'];
html+=arrD+'<br>'; //kiwi,banana,apple,mango

arrD.sort(); //오름차순 정렬
html+=arrD+'<br>'; //apple,banana,kiwi,mango
html+=arrD.reverse()+'<br>'; //mango,kiwi,banana,apple

정렬 참고: [java]정렬하기(Sort), 람다식

[java]정렬하기(Sort), 람다식