> 웹 프론트엔드 > JS 튜토리얼 > JavaScript 배열(배열) 객체의 사용에 대해

JavaScript 배열(배열) 객체의 사용에 대해

jacklove
풀어 주다: 2018-05-07 09:45:04
원래의
1608명이 탐색했습니다.

배열 객체의 역할은 별도의 변수 이름을 사용하여 일련의 값을 저장하는 것이며, 이는 중요한 역할을 합니다. 자세한 설명은 다음과 같습니다.

var mycars = new Array();
mycars[0] = "Saab";
mycars[1] = "Volvo";
mycars[2] = "BMW";
로그인 후 복사

페이지 하단에서 더 많은 예제를 확인할 수 있습니다.

배열이란 무엇인가요?

배열 개체는 일련의 값을 저장하기 위해 별도의 변수 이름을 사용합니다.

일련의 데이터(예: 자동차 이름)가 있는 경우 다음과 같은 별도의 변수가 있습니다.

var car1="Saab";
var car2="Volvo";
var car3="BMW";
로그인 후 복사

그런데, 그 중에서 특정 자동차를 찾고 싶다면 어떻게 해야 할까요? 그리고 3대가 아니라 300대? 이것은 쉬운 일이 아닐 것입니다!

가장 좋은 방법은 배열을 사용하는 것입니다.

배열은 하나의 변수 이름으로 모든 값을 저장할 수 있으며, 변수 이름으로 모든 값에 액세스할 수 있습니다.

배열의 각 요소에는 고유한 ID가 있으므로 쉽게 액세스할 수 있습니다.

배열 만들기

배열을 만드는 방법에는 세 가지가 있습니다.

다음 코드는 myCars라는 배열 개체를 정의합니다.

1: 일반 방식:

var myCars=new Array(); 
myCars[0]="Saab";       
myCars[1]="Volvo";
myCars[2]="BMW";
로그인 후 복사

2: 간결한 방식:

var myCars=new Array("Saab","Volvo","BMW");
로그인 후 복사

3: 리터럴:

var myCars=["Saab","Volvo","BMW"];
로그인 후 복사

배열 이름과 인덱스 번호를 지정하여 배열에 액세스

특정 요소에 액세스할 수 있습니다.

다음 예에서는 myCars 배열의 첫 번째 값에 액세스할 수 있습니다.

var name=myCars[0];
로그인 후 복사

다음 예에서는 myCars 배열의 첫 번째 요소를 수정합니다.

myCars[0]="Opel";
로그인 후 복사




[0]은 다음의 첫 번째 요소입니다. 배열 요소. [1]은 배열의 두 번째 요소입니다.



배열에서는 다양한 개체를 가질 수 있습니다.

모든 JavaScript 변수는 개체입니다. 배열 요소는 객체입니다. 함수는 객체입니다.

따라서 배열에 다양한 변수 유형을 가질 수 있습니다.

배열에 개체 요소, 함수, 배열을 포함할 수 있습니다:

myArray[0]=Date.now;myArray[1]=myFunction;myArray[2]=myCars;
로그인 후 복사

배열 메서드 및 속성

배열 개체의 사전 정의된 속성 및 메서드 사용:

var x=myCars.length             // myCars 中元素的数量
var y=myCars.indexOf("Volvo")   // "Volvo" 值的索引值
로그인 후 복사

전체 배열 개체 참조 매뉴얼

이 사이트를 참조할 수 있습니다. 배열의 모든 속성과 메서드에 대한 완전한 참조 매뉴얼입니다.

참조 매뉴얼에는 모든 속성과 메서드에 대한 설명(및 추가 예제)이 포함되어 있습니다.

전체 배열 객체 참조 매뉴얼

새 메서드 만들기

프로토타입은 JavaScript 전역 생성자입니다. 새로운 Javascript 개체의 속성과 메서드를 구성할 수 있습니다.

인스턴스: 새 메서드를 만듭니다.

Array.prototype.myUcase=function(){    
for (i=0;i<this.length;i++){        
this[i]=this[i].toUpperCase();   
 }
 }
로그인 후 복사

위 기획부 글에는 자바스크립트 배열(array) 객체 사용법이 설명되어 있습니다. 보다 자세한 내용은 php 중국어 홈페이지를 참고하셔서 시청해 보시기 바랍니다.

관련 권장 사항:

프런트 엔드의 몇 가지 일반적인 JS 정렬 코드

JavaScript 배열 개체의 기본 콘텐츠에 대해 자세히 알아보기

jQuery stop() 사용 방법에 대해

위 내용은 JavaScript 배열(배열) 객체의 사용에 대해의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿