이 페이지는 iFrame 용이므로 사용하면 오류가 발생될 수 있슴.
B
배열변수 요소 추가, 삭제 예제
중요 항목 : push, pop, unshift, shift, concat(Array), splice, join, slice(Array), Array, length

중요 항목 : push, pop, Array, length
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>

중요 항목 : unshift, shift, Array, length
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>

중요 항목 : concat(Array), Array, length, new
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>

중요 항목 : splice, Array, length, new
myArray=복숭아,사과,포도,딸기,수박,감귤,참외, myArray.length=7

0myArray.splice(0,1,"과실"+0)=복숭아myArray=과실0,사과,포도,딸기,수박,감귤,참외
1myArray.splice(1,1,"과실"+1)=사과myArray=과실0,과실1,포도,딸기,수박,감귤,참외
2myArray.splice(2,1,"과실"+2)=포도myArray=과실0,과실1,과실2,딸기,수박,감귤,참외
3myArray.splice(3,1,"과실"+3)=딸기myArray=과실0,과실1,과실2,과실3,수박,감귤,참외
4myArray.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>

중요 항목 : join, slice, Array, length
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>


method
배열변수 요소 추가, 삭제 예제
이전페이지로페이지 맨위로
최종 수정:
07/05/2025 21:17:14
KoXo Homepage
All right reserved
비정상적인 방식으로 프레임없이 페이지에 접속하면 자주 오류가 발생됩니다.
오류가 나면 정상적 접속으로 시도해 보세요.
http://koxo.com/lang/js/method/exp/xpushpop.html