JavaScript 배열의 기본 개념
배열은 일련의 값의 모음입니다. 즉, 전체 변수로 표시되는 여러 변수로 간주할 수 있습니다. 배열에는 0개 이상의 배열 요소가 포함되어 있습니다.
배열 만들기
배열을 만들려면 JavaScript의 new 키워드를 사용하세요. 구문은 다음과 같습니다.
// 빈 배열 만들기:
new Array()
// num의 배열을 만듭니다. 요소:
new Array (num)
// 요소 값을 사용하여 배열을 직접 생성:
new Array(element0,element1,element2...)
설명: Array(3)은 다음을 사용하여 배열을 생성하는 것을 의미합니다. 3개 요소. 그러나 실제로 배열의 요소 수는 여전히 가변적입니다. 다음은 배열 생성에 일반적으로 사용되는 예입니다.
array_1[0] = 'a';
array_1[2] = true; array_2 = new Array(3)array_2[0] = {x:10, y:15};
array_2[1] = document.getElementById("article");
array_2[2] = new Array();
var array_3 = new Array('a',10.5,true);
Array 요소는 변수와 동일하며 위의 예에 표시된 것처럼 JavaScript가 지원하는 모든 것이거나 배열일 수도 있습니다.
JavaScript는 배열을 생성하기 위한 보이지 않는 선언도 지원합니다.
var array_4 = ['a',10.5,true];
그러나 array_4와 array_3은 동일하지 않습니다. array_4 )는 false를 출력합니다.
배열 요소의 작동
요소 값 읽기배열에는 여러 배열 요소에 대한 액세스가 첨자를 통해 이루어집니다. 0부터 계산 시작:
var array_3 = new Array('a',10.5,true);alert( array_3[1] ) // 출력: 10.5
요소 값 수정
var array_3 = new Array('a',10.5,true);
array_3[1] = 20; // 요소에 새 값 할당
alert( array_3[1 ] ) / / 출력: 20
Add elements
JavaScript는 배열 바로 뒤에 새 요소를 추가하는 새로운 첨자 메서드를 지원합니다.
var array_3 = new Array('a',10.5 ,true);
array_3[3] = 'new value'; // 요소에 새 값 할당
alert( array_3[3] ) // 팝업 프롬프트 창 출력: 20
더 많은 추가 방법 배열 요소는 다음을 참조하세요.
JavaScript 푸시 방법: 배열 끝에 하나 이상의 요소 추가
JavaScript unshift 방법: 배열 시작 부분에 하나 이상의 요소 추가
JavaScript splice 방법: 삽입, 삭제 또는 배열의 요소 교체
요소 제거
배열 요소를 제거하려면 다음을 참조하세요.
JavaScript 팝 방법: 배열의 끝에 하나 이상의 요소를 추가합니다.
JavaScript Shift 방법: 하나 추가 또는 더 많은 요소를 배열 시작 부분에
JavaScript 스플라이스 방법: 배열 요소 삽입, 삭제 또는 교체
팁: 배열 요소를 null로 할당하면 요소 값만 지울 수 있지만 요소는 삭제할 수 없습니다.
예:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p id="demo"></p>
<button onclick="myFunction()">点我</button>
<script>
Array.prototype.myUcase=function(){
for (i=0;i<this.length;i++){
this[i]=this[i].toUpperCase();
}
}
function myFunction(){
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.myUcase();
var x=document.getElementById("demo");
x.innerHTML=fruits;
}
</script>
</body>
</html>
다음 섹션