>  기사  >  웹 프론트엔드  >  JavaScript 프로그래밍의 배열 구조에 대한 자세한 설명_기본 지식

JavaScript 프로그래밍의 배열 구조에 대한 자세한 설명_기본 지식

WBOY
WBOY원래의
2016-05-16 15:35:111378검색

배열 객체의 역할은 별도의 변수 이름을 사용하여 일련의 값을 저장하는 것입니다.
배열을 만들고 값을 할당합니다.
예시

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       // the number of elements in myCars
var y=myCars.indexOf("Volvo")  // the index position of "Volvo"


새 방법 만들기
Prototype은 JavaScript 전역 생성자입니다. 새로운 Javascript 개체의 속성과 메서드를 구성할 수 있습니다.
예: 새 방법을 만듭니다.

Array.prototype.ucase=function()
{
 for (i=0;i<this.length;i++)
 {this[i]=this[i].toUpperCase();}
}

위의 예에서는 배열의 소문자를 대문자로 변환하는 새로운 배열 메서드를 만듭니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.