이 페이지는 iFrame 용이므로 사용하면 오류가 발생될 수 있슴.
B

배열변수 요소 추가, 삭제 예제
리터럴 push, pop 메서드 예제 |   |
myArray="사과,포도"
myArray.length=2
0] myArray.push("과실"+(i+1))=3 결과: myArray="사과,포도,과실1"
1] myArray.push("과실"+(i+1))=4 결과: myArray="사과,포도,과실1,과실2"
2] myArray.push("과실"+(i+1))=5 결과: myArray="사과,포도,과실1,과실2,과실3"
3] myArray.push("과실"+(i+1))=6 결과: myArray="사과,포도,과실1,과실2,과실3,과실4"
myArray.pop()="과실4" 삭제
myArray="사과,포도,과실1,과실2,과실3"
myArray.length=5
<SCRIPT>
var br='<BR>'; // 줄바꿈
var str=''; // 출력 문자열 변수 선언
var myArray=new Array('사과','포도'); // 배열변수 할당
str+='myArray="'+myArray+'"'+br; // 배열변수 출력
str+='myArray.length='+myArray.length+br; // 배열변수 요소 길이 출력
for (i=0;i<4;i++){ // 0에서 3까지 1씩 증가하는 루프
str+=i+'] myArray.push("과실"+(i+1))='+myArray.push("과실"+(i+1))+' 결과: '; // 배열변수 요소에 문자열 추가
str+='myArray="'+myArray+'"'+br; // 배열변수 출력
}
str+=br+'myArray.pop()="'+myArray.pop()+'" 삭제'+br+br; // 배열변수 마지막 요소 삭제 출력
str+='myArray="'+myArray+'"'+br; // 배열변수 출력
str+='myArray.length='+myArray.length+br; // 배열변수 요소 길이 출력
document.write(str); // 결과 문자열 출력
</SCRIPT>
myArray="사과,포도"
myArray.length=2
0] myArray.unshift("과실"+(i+1))=3 결과: myArray="과실1,사과,포도"
1] myArray.unshift("과실"+(i+1))=4 결과: myArray="과실2,과실1,사과,포도"
2] myArray.unshift("과실"+(i+1))=5 결과: myArray="과실3,과실2,과실1,사과,포도"
3] myArray.unshift("과실"+(i+1))=6 결과: myArray="과실4,과실3,과실2,과실1,사과,포도"
myArray.shift()="과실4" 삭제
myArray="과실3,과실2,과실1,사과,포도"
myArray.length=5
<SCRIPT>
var br='<BR>'; // 줄바꿈
var str=''; // 출력 문자열 변수 선언
var myArray=new Array('사과','포도'); // 배열변수 할당
str+='myArray="'+myArray+'"'+br; // 배열변수 출력
str+='myArray.length='+myArray.length+br; // 배열변수 요소 길이 출력
for (i=0;i<4;i++){ // 0에서 3까지 1씩 증가하는 루프
str+=i+'] myArray.unshift("과실"+(i+1))='+myArray.unshift("과실"+(i+1))+' 결과: '; // 배열변수 요소에 문자열 추가
str+='myArray="'+myArray+'"'+br; // 배열변수 출력
}
str+=br+'myArray.shift()="'+myArray.shift()+'" 삭제'+br+br; // 배열변수 마지막 요소 삭제 출력
str+='myArray="'+myArray+'"'+br; // 배열변수 출력
str+='myArray.length='+myArray.length+br; // 배열변수 요소 길이 출력
document.write(str); // 결과 문자열 출력
</SCRIPT>
myArray=사과,포도,딸기,수박
myArray.length=4
myArray1=a,b,c,d,1,2,3
myArray1.length=7
myArray.concat(myArray1)=사과,포도,딸기,수박,a,b,c,d,1,2,3
myArray=사과,포도,딸기,수박
myArray.concat("장미","백합")=사과,포도,딸기,수박,장미,백합
myArray.concat(myArray1,"장미","백합")=사과,포도,딸기,수박,a,b,c,d,1,2,3,장미,백합
newArray=myArray.concat(myArray1,"장미","백합")
myArray=사과,포도,딸기,수박
newArray=사과,포도,딸기,수박,a,b,c,d,1,2,3,장미,백합
배열변수 myArray에는 영향을 주지 않는다.
<SCRIPT>
var br='<BR>'; // 줄바꿈
var str=''; // 출력 문자열 변수 선언
var myArray=new Array('사과','포도','딸기','수박'); // 배열변수 할당
str+='myArray='+myArray+br; // 배열변수 출력
str+='myArray.length='+myArray.length+br; // 배열변수 요소 길이 출력
var myArray1=new Array('a','b','c','d',1,2,3); // 새로운 배열변수 할당
str+='myArray1='+myArray1+br; // 새로운 배열변수 출력
str+='myArray1.length='+myArray1.length+br; // 새로운 배열변수 길이 출력
str+='myArray.concat(myArray1)='+myArray.concat(myArray1)+br; // 두 배열변수 결합, 출력
str+='myArray='+myArray+br; // 결합 후 배열변수 출력 : 배열변수에는 변화 없음
str+='myArray.concat("장미","백합")='+myArray.concat('장미'+'백합')+br; // 결합 후 결합 문자열 출력 : 배열변수에는 변화 없음
str+='myArray='+myArray+br; // 결합 후 결합 문자열 출력 : 배열변수에는 변화 없음
str+='myArray.concat(myArray1,"장미","백합")='+myArray.concat(myArray1+'장미'+'백합')+br;
// 결합 후 결합 문자열 출력 : 배열변수에는 변화 없음
str+='myArray='+myArray+br; // 결합 후 배열변수 출력 : 배열변수에는 변화 없음
str+='myArray+myArray1+"장미"+"백합"='+myArray+myArray1+'장미'+'백합'+br; // 윗 문장과 동일한 결과 출력
document.write(str); // 결과 문자열 출력
</SCRIPT>
myArray=복숭아,사과,포도,딸기,수박,감귤,참외, myArray.length=7
0 | myArray.splice(0,1,"과실"+0)= | 복숭아 | myArray=과실0,사과,포도,딸기,수박,감귤,참외 |
1 | myArray.splice(1,1,"과실"+1)= | 사과 | myArray=과실0,과실1,포도,딸기,수박,감귤,참외 |
2 | myArray.splice(2,1,"과실"+2)= | 포도 | myArray=과실0,과실1,과실2,딸기,수박,감귤,참외 |
3 | myArray.splice(3,1,"과실"+3)= | 딸기 | myArray=과실0,과실1,과실2,과실3,수박,감귤,참외 |
4 | myArray.splice(4,1,"과실"+4)= | 수박 | myArray=과실0,과실1,과실2,과실3,과실4,감귤,참외 |
myArray.splice(1,2,"새요소1","새요소2","새요소3")=과실1,과실2
myArray="과실0,새요소1,새요소2,새요소3,과실3,과실4,감귤,참외"
removed[0]="과실1", removed[1]="과실2"
<SCRIPT>
var br='<BR>'; // 줄바꿈
var str=''; // 출력 문자열 변수 선언
var myArray=new Array('복숭아','사과','포도','딸기','수박','감귤','참외'); // 배열변수 할당
str+='myArray='+myArray+', myArray.length='+myArray.length+br+br; // 배열변수, 요소 길이 출력
str+='<TABLE border=1 cellpadding=4 cellspacing=0 align=center>';// 테이블 시작
for (i=0;i<5;i++){ // 0에서 4까지 1씩 증가하는 루프
str+='<TR><TD>'+i+'</TD><TD>myArray.splice('+i+',1,"과실"+'+i+')=</TD>';
str+='<TD>'+myArray.splice(i,1,"과실"+i)+'</TD>'; // 배열변수 요소 i번을 삭제하고 그 자리에 변수 '과실'+i 를 삽입
str+='<TD>myArray='+myArray+'</TD></TR>'; // 삭제, 대체 후 배열변수 출력
}
var removed=myArray.splice(1,2,'새요소1','새요소2','새요소3');
/* myArray 배열변수 1번부터 2개(과실2, 과실3)를 삭제하고 그 자리에 새요소 3개(새요소1, 새요소2, 새요소3)를 삽입한다.
삭제된 내용이 변수 removed에 배열변수로 저장된다. */
str+=br+'myArray.splice(1,2,"새요소1","새요소2","새요소3")='+removed+br;
str+='myArray="'+myArray+'"'+br; // 대체 후 배열변수 출력
str+='removed[0]="'+removed[0]+'", removed[1]="'+removed[1]+'"'+br;
// 삭제된 요소 내역 removed가 배열변수임을 확인한다.
document.write(str); // 결과 문자열 출력
</SCRIPT>
myArray=사과1,포도2,딸기3,수박4,감귤5
myArray.length=5
myArray.join(", ")=사과1, 포도2, 딸기3, 수박4, 감귤5
myArray.join(" | ")=사과1 | 포도2 | 딸기3 | 수박4 | 감귤5
myArray.slice(0,2)=사과1,포도2
myArray.slice(2,4)=딸기3,수박4
myArray.length=5
<SCRIPT>
var br='<BR>'; // 줄바꿈
var str=''; // 출력 문자열 변수 선언
var myArray=new Array('사과1','포도2','딸기3','수박4','감귤5'); // 배열변수 할당
str+='myArray='+myArray+br; // 배열변수를 출력
str+='myArray.length='+myArray.length+br+br; // 배열변수의 길이를 출력
str+='myArray.join(", ")='+myArray.join(', ')+br; // 배열변수 요소들을 문자열로 추출
str+='myArray.join(" | ")='+myArray.join(' | ')+br+br; // 배열변수 요소들을 문자열로 추출
str+='myArray.slice(0,2)='+myArray.slice(0,2)+br; // 배열변수 일부요소를 문자열로 추출
str+='myArray.slice(2,4)='+myArray.slice(2,4)+br; // 배열변수 일부요소를 문자열로 추출
str+='myArray.length='+myArray.length+br; // 배열변수의 길이를 출력, 변화가 없다.
document.write(str); // 결과 문자열 출력
</SCRIPT>
최종 수정: 07/05/2025 21:17:14 |  All right reserved | 비정상적인 방식으로 프레임없이 페이지에 접속하면 자주 오류가 발생됩니다. 오류가 나면 정상적 접속으로 시도해 보세요. | http://koxo.com/lang/js/method/exp/xpushpop.html |