배열의 원소 접근 [JavaScript][배열원소]

[광고 누르면 오늘의 행운 상승!!]

• 배열 명 [인덱스]

var testArray = [1,"two", {three:3}, 
[4,5], function(){return"six";},3+4,true];

document.writeln(testArray[0]);
-> 0번쨰 값 = 1

 

• 배열의 원소가 객체일 경우 : → 배열 [객체 원소의 인덱스].객체의 프로퍼티

testArray[2].three

 

• 배열의 원소가 함수일 경우 : 배열 함수 원소의 인덱스

testArray[4]()
-> 배열 원소로 정의 된 함수 : 이름 없는 함수
-> 실행하거나 값으로 전달 가능

 

• 정의되지않은 원소나 원소의 개수만 설정해 놓은 배열의 원소에 접근 시 undefined가 반환

var fixedEmpty = new Array(10);
document.writeln(fixedEmpty[2]);

-> undefined

 

배열의 원소 순회

 

• for/in 문 : 배열의 모든 원소 순서대로 접근하는 순환문

var numberString = ["one", "two", "three", "four", "five"];

for(var a in numberString){
	document.writeln("<p>" + numberString[a] + "</p>";
}

// a 는 배열의 모든 인덱스를 차례로 순환

 

• length 메소드를 이용한 순환문 : →배열에 사용시 배열의 원소 개수 반환

var numberString = ["one", "two", "three", "four", "five"];
document.writeln(numberString.length); // 5출력

length 메소드 for문에 사용 = for/in문

for( var int = 0; i< numberString.length; i++){
	document.writeln("<p>" + numberString[i] + "</p>";
}

 

• 배열의 원소 추가, 수정 : 배열 원소에 값 할당

testArray[3] = "test" // 배열의 네번째 요소 값 : test

 

• 배열의 원소 추가 : 배열의 마지막 원소 추가

testArray = [1,2,3,4,5];
testArray[5] = 6;

//문제점 : 마지막 원소의 인덱스 알아야 추가 가능

//해결법
testArray[testArray.length] = 6;

-> 배열의 길이 알아낸 뒤 그 길이를 인덱스로하는 원소에 값 할당

 

• 배열의 원소 삭제 : 객체의 프로퍼티 삭제하는 방법과 동일

delete testArray[4]; 

- 배열의 다섯번째 요소 삭제
- 다섯 번째 요소 호출 : undefined 반환

 

• 배열의 인덱스로 0 이상의 정수가 아니면 배열의 원소가 아니라 객체의 프로퍼티로 생성한다.
  testArray[-1]은 -1라는 프로퍼티를 생성한 것이다.