> 웹 프론트엔드 > JS 튜토리얼 > 여러 JavaScript 배열 정의 방법에 대한 자세한 설명

여러 JavaScript 배열 정의 방법에 대한 자세한 설명

小云云
풀어 주다: 2018-01-27 13:29:48
원래의
2717명이 탐색했습니다.

배열을 정의하는 방법에 대해 얼마나 알고 있나요? 일반적으로 암시적 생성, 직접 인스턴스화, 배열 생성 및 길이 지정으로 구분됩니다. 나중에 json 형식을 직접 사용하여 배열을 정의하는 것을 용이하게 하기 위해 이 기사에서는 자바스크립트 배열의 몇 가지 자세한 방법을 공유하겠습니다. 정의. 도움이 되길 바랍니다.

1. 배열이란 무엇입니까

배열은 데이터의 집합입니다
그 표현은 메모리의 연속 메모리 주소입니다.
배열의 이름은 실제로 연속 메모리 주소의 첫 번째 주소입니다

2 .js 정보 배열의 특징

배열을 정의할 때 데이터 유형을 지정할 필요가 없습니다.
배열을 정의할 때 배열 길이를 지정할 필요가 없습니다.
배열은 모든 데이터 유형의 데이터를 저장할 수 있습니다(예: 요소는 정수 유형을 저장하고 한 요소는 문자열 유형을 저장합니다. 이는 JS에서 수행됩니다.

배열 생성을 위한 구문:

var arr=[value 1, value 2, value 3]; ); //직접 인스턴스화

var array=new Array(size); Array 클래스의 인스턴스를 시뮬레이션하는 구문 시뮬레이션을 나타냅니다. (=new Array())

{}은 구문 시뮬레이션을 의미합니다. Object 클래스(=new Object())

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

3 배열 길이에 대하여

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

예:


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

4.

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

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

또한 배열의 모든 요소를 ​​순회하는 for...in 문

구문:

for( var i in array){

}

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

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

var row = [&#39;zhangsan&#39;,&#39;lisi&#39;,&#39;wangwu&#39;];
doucument.write(&#39;共有&#39;+row.length+&#39;个人<br>&#39;);

var length = row.length;//对数组进行遍历
for (var i=0;i<length;i++){
doucument.write(row[i]+&#39;<br>&#39;);
}
로그인 후 복사

에 저장됩니다. 결과:

  0:zhangsan

 1:lisi

2:wangwu

 3:xiaoqiang

5. Text subscript

Format:

arr['key'] = value;

js에서는 text subscript 배열 요소, 배열 길이에 포함되지 않음

텍스트 첨자의 형태로 배열에 추가되지만 실제로는 속성


var row = [&#39;zhangsan&#39;,&#39;lisi&#39;,&#39;wangwu&#39;,&#39;xiaoqiang&#39;];
for (var i in row){
 document.write(i + &#39;:&#39; + row[i] + &#39;<br>&#39;);
}
로그인 후 복사

결과:

 3

 zhangsan

 lisi

순회 밴드 텍스트 첨자가 있는 배열:

var arr = [1,2,3];
arr[&#39;first&#39;] = &#39;zhangsan&#39;;
arr[&#39;second&#39;] = &#39;lisi&#39;;

document.write(arr.length + &#39;<br>&#39;);
document.write(arr.first + &#39;<br>&#39;);
document.write(arr.second + &#39;<br>&#39;);
로그인 후 복사

결과:

 0:1

 1:2

 2:3

 첫 번째:zhangsan
 두 번째:lisi

6, 다차원 배열

var arr = [1,2,3];
arr[&#39;first&#39;] = &#39;zhangsan&#39;;
arr[&#39;second&#39;] = &#39;lisi&#39;;

for(var i in arr){
 document.write(i + &#39;:&#39; + arr[i] + &#39;<br>&#39;);
}
로그인 후 복사

다음은 Script House



의 보충입니다. 1. 먼저 정의한 후 값을 지정합니다

var arr = [
  [10,&#39;zhangsan&#39;,&#39;male&#39;],
  [11,&#39;lisi&#39;,&#39;female&#39;],
  [12,&#39;wangwu&#39;,&#39;male&#39;]
 ];
for (var i in arr){
 for(var j in arr[i]){
  document.write(arr[i][j]);
 }
 document.write(&#39;<br>&#39;);
}
로그인 후 복사

2. 배열을 정의할 때 동시에 값을 지정합니다.

var myArray3( "foot","this","之","가족");

//배열에 숫자 또는 논리 값을 지정해야 합니다. 그런 다음 변수 유형은 숫자 변수 또는 부울 변수여야 합니다. 문자 변수

3. json 형식의 정의

var myArray1 = new Array(); //不定义元素个数
  myArray1[0] = "脚";
  myArray1[1] = "本";
  myArray1[2] = "之";
 myArray1[3] = "家";
var myArray2 = new Array(4); //定义元素的个数
  myArray1[0] = "脚";
  myArray1[1] = "本";
  myArray1[2] = "之";
 myArray1[3] = "家";
로그인 후 복사

이해가 안 되는 학생은 이 글을 확인하세요: http://www.jb51.net/article/20688.htm

차이점 Json 정의 사용법과 array

Json 사이: 데이터를 저장하기 위해 javascript에서 사용하는 메소드에 있습니다.

Json 형식: var Json={a:1, b:2, c:3};배열 형식: var arr=[1,2,3];

Json 배열의 차이점:

1, Json의 아래 첨자는 문자열입니다(예: 첫 번째 데이터 호출 시 Json.a). 배열의 첨자는 arr[0]

2와 같은 숫자입니다. Json에는 길이가 없으며 배열에는 길이가 있습니다.

Json을 사용하여 데이터를 저장해야 하는 경우 for(요소 변수)를 사용해야 합니다. in 변수 이름) {}; Json은 길이가 없기 때문에 for in 루프를 사용해야 합니다. for in 루프는 Json 및 arraysfor(i in Json){

};

에 사용할 수 있습니다. 언제 for 루프를 사용하고 언제 for 루프를 사용합니까?

Array: for 루프 사용 for(i=0,iJson: for in 루프 for(i in Json){};

4. 참고


· 배열에는 arrays Length는 속성입니다

· 배열에 값을 할당하지 않으면 결과는 정의되지 않으며 ""로 인쇄됩니다.

· 배열 길이가 충분하지 않으면 자동으로 확장될 수 있으며 부족함이 없습니다. -경계 문제



관심을 가질 만한 기사:



js 배열 정의 및 정렬 방법 사용 예

JavaScript의 다양한 정의 방법 및 배열의 ​​일반적인 기능 소개

  • JavaScript의 배열 정의 및 사용 예

  • JavaScript 사용자 정의 배열 정렬 방법

  • JavaScript의 배열 및 작업 정의 jQuery 및 jquery 배열 작업

  • JavaScript 배열 및 숫자 조작 기술의 정의

  • javascript 배열의 정의와 배열의 길이

  • Javascript에서 객체 배열을 정의하는 방법

  • JavaScript에서 배열을 정의하는 세 가지 방법(new Array(), new Array(''x) '',''y'' )

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

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