찾다
  • 로그인
  • 가입
비밀번호 재설정 성공

당신이 관심을 갖고 있는 프로젝트를 팔로우하고 그들에 관한 최신 뉴스를 맛보세요

자바스크립트 배열 객체

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>


새로운 파일
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script type="text/javascript"> var array_1 = new Array(); array_1[0] = new Array('a','b','c','f'); document.write(array_1); </script> </head> <body> </body> </html>
시사 Clear
  • 코스 추천
  • 코스웨어 다운로드
현재 코스웨어를 다운로드할 수 없습니다. 현재 직원들이 정리하고 있습니다. 앞으로도 본 강좌에 많은 관심 부탁드립니다~