JS의 배열 사용법에 대한 자세한 설명

이번에는 JS에서의 배열 사용법에 대해 자세히 설명하고, JS 배열 사용 시 주의사항은 무엇인지 살펴보겠습니다.

요즘 js를 막 알기 시작한 많은 사람들은 js 배열이 무엇인지, js 배열이 어떻게 정의되는지에 대해 잘 알지 못합니다. 다음 글에서는 js 배열의 정의에 대해 소개하겠습니다. 그것에 대해 함께 알아보세요.

1. 배열이란

배열은 데이터의 모음입니다

표현 형식은 메모리 속 연속적인 메모리 주소입니다

배열 이름은 실제로 연속된 메모리 주소 중 첫 번째 주소입니다

2. js 배열의 특징에 대하여

배열

데이터 유형을 지정할 필요가 없습니다. 배열을 정의할 때 배열 길이를 지정할 필요가 없습니다

배열은 모든 데이터 유형의 데이터를 저장할 수 있습니다(예를 들어 한 요소는 정수 유형을 저장하고 다른 요소는 string 유형을 저장합니다. 이는 JS에서 가능합니다)

배열 생성 구문:

var arr=[값 1, 값 2, 값 3];                                                         var arr=new Array(값 1, 값 2, 값 3); //직접 인스턴스화

var array=new Array(size); //배열을 만들고 길이를 지정합니다

JS에서 기호의 의미:

()는 함수 실행을 나타냅니다

[]는 구문 시뮬레이션을 의미하며, 이는 Array 클래스의 인스턴스를 시뮬레이션한다는 의미입니다(=new Array())

{}는

(=new Object()) 인스턴스의 시뮬레이션을 나타내는 구문 시뮬레이션을 나타냅니다. //구문 시뮬레이션(일반 개체)을 나타냅니다. 이는 RegExp 클래스의 인스턴스를 시뮬레이션하는 것을 의미합니다(=new RegExp())

//方法一 
 var arr1 = [1,3,5,7,9]; 
 document.write(arr1[2] + '<br>');
//方法二 
var arr2 = new Array(2,4,6,8,10); 
document.write(arr2[3] + '<br>'); 
//方法三 
var arr3 = new Array(3);//固定数组长度为3 
arr3[0] = 1; 
arr3[1] = 2; 
arr3[2] = 3; 
document.write(arr3[2] + '<br>');

3. 배열 길이에 대하여

배열 객체.길이

js에서 각 배열 개체는 배열 개체 아래에 배열 요소 수를 나타내는 길이 속성을 호출할 수 있습니다

예:

var row = ['zhangsan','lisi','wangwu']; 
 doucument.write('共有'+row.length+'个人<br>'); 
 var length = row.length;//对数组进行遍历 
for (var i=0;i<length;i++){ 
 doucument.write(row[i]+'<br>'); }

4. for...in문

js에서 배열은 데이터 유형이 아닙니다. 배열의 데이터 유형은 실제로 객체입니다

Js의 For.....in 문은 객체의 모든 속성을 탐색할 수 있습니다

for...in 문을 사용하여 배열의 모든 요소를 ​​탐색할 수도 있습니다

문법:

for(배열의 var i){

}

원리: 배열에는 여러 요소가 있으며 for..in 문은 가능한 한 여러 번 루프에서 실행됩니다

실행될 때마다 현재 배열 요소의 첨자가 변수 i

var row = ['zhangsan','lisi','wangwu','xiaoqiang']; 
for (var i in row){
document.write(i + ':' + row[i] + '<br>'); 
}

에 저장됩니다. 결과:

0:장사

1:리시

2:왕우

3:샤오첸

5. 텍스트 아래 첨자

형식:

arr['key'] = 값;

js에서 텍스트 첨자가 있는 배열 요소는 배열 길이에 포함되지 않습니다

텍스트 아래 첨자로 배열에 추가되면 실제로는

var arr = [1,2,3]; 
arr['first'] = 'zhangsan';
arr['second'] = 'lisi'; 
document.write(arr.length + '<br>');
document.write(arr.first + '<br>');
document.write(arr.second + '<br>');

속성으로 배열 객체에 추가됩니다. 결과:

3

장산

리시

텍스트 첨자로 배열을 반복합니다:

var arr = [1,2,3];
arr['first'] = 'zhangsan';
arr['second'] = 'lisi'; 
for(var i in arr){
document.write(i + ':' + arr[i] + '<br>'); 
}

결과:

0:1

1:2

2:3

첫째:장산

둘째:lisi

6.

var arr = [ 
[10,'zhangsan','male'],
[11,'lisi','female'],
[12,'wangwu','male'] 
];
for (var i in arr){ 
for(var j in arr[i]){
document.write(arr[i][j]); 
}
document.write('<br>'); 11 }

추천 도서:

getBoundingClientRect 사용법 및 호환성 처리

위 내용은 JS의 배열 사용법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!