> 웹 프론트엔드 > JS 튜토리얼 > 자바스크립트 배열을 정의하는 여러 가지 방법(그래픽 튜토리얼)

자바스크립트 배열을 정의하는 여러 가지 방법(그래픽 튜토리얼)

亚连
풀어 주다: 2018-05-19 09:23:53
원래의
1496명이 탐색했습니다.

이 글에서는 주로 JavaScript 배열을 정의하는 여러 가지 방법을 소개합니다. 일반적으로 암시적 생성, 직접 인스턴스화, 배열 생성 및 길이 지정으로 구분됩니다. 나중에 편의상 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())의 인스턴스를 시뮬레이션하는 것을 나타냅니다.(=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, for...in 문

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

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

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

구문:

for( var i in array){

}

원리: 요소가 여러 개인 경우 for..in 문은 루프에서 다음과 같이 실행됩니다. 실행될 때마다 현재 배열 요소의 첨자가 변수 i에 저장됩니다. wangwu

 3:xiaoqiang

5. 텍스트 첨자

형식:

arr['key'] = value ;

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

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

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;);
}
로그인 후 복사
형식으로 배열 개체에 추가됩니다.

결과:

 3
 zhangsan

 lisi

텍스트 첨자로 배열 탐색:

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;);
}
로그인 후 복사

결과:

 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;;

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


7. 먼저 정의한 다음 값을 할당합니다

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;);
}
로그인 후 복사

8. 배열을 정의할 때 동시에 값을 할당합니다


var myArray3 = new Array("P"," H","P");

//배열에 숫자 또는 논리 값을 지정해야 하며, 변수 유형은 문자 변수가 아닌 숫자 변수 또는 부울 변수여야 합니다

9. 정의 of json format

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;);
}
로그인 후 복사

이해하지 못하는 학생은 다음 기사를 확인하세요: http://www.jb51.net/article/20688.htm

Json 정의 사용법과 배열의 차이점

Json : is 자바스크립트에서 데이터를 저장하는 데 사용되는 메소드입니다. 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 및 arrays

for(i in Json){};

에 사용할 수 있습니다. 언제 for 루프를 사용하고 언제 for 루프를 사용합니까?
Array: for 루프 for(i=0,iJson: for in 루프 for(i in Json){};

10 참고

· 배열에는 arrays 길이는 속성입니다
· 배열에 값이 할당되지 않으면 결과는 정의되지 않으며 인쇄는 "" 입니다.

· 배열 길이가 충분하지 않으면 자동으로 확장될 수 있으며 국경을 넘을 수 없습니다. 문제

위 내용은 제가 모두를 위해 정리한 내용입니다. 앞으로 모든 분들께 도움이 되기를 바랍니다.


관련 글:


js

NodeJS



JS의 상위 프로세스와 하위 프로세스 간 리소스 공유 단계에 대한 자세한 설명 함수 개념 및 사용법 실행

위 내용은 자바스크립트 배열을 정의하는 여러 가지 방법(그래픽 튜토리얼)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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