> 웹 프론트엔드 > JS 튜토리얼 > JavaScript에서 배열을 정의하는 여러 가지 방법 공유

JavaScript에서 배열을 정의하는 여러 가지 방법 공유

黄舟
풀어 주다: 2017-10-10 10:32:22
원래의
1201명이 탐색했습니다.

이 글에서는 주로 JavaScript 배열을 정의하는 여러 가지 방법을 소개합니다. 일반적으로 암시적 생성, 직접 인스턴스화, 배열 생성 및 길이 지정으로 구분됩니다. 나중에 편의상 배열을 json 형식으로 직접 정의합니다. Script House 편집자 필요하신 분들 참고하시면 될 것 같아요

1. 배열이란? 주소의 첫 번째 주소

2. js 배열의 특징에 대해 배열을 정의할 때 데이터 유형을 지정할 필요가 없습니다
배열을 정의할 때 배열의 길이를 지정할 필요가 없습니다
배열은 모든 데이터 유형의 데이터를 저장할 수 있습니다. 요소는 문자열 유형을 저장하며 이는 JS에서 가능합니다.)

배열 생성을 위한 구문:

var arr=[value 1, value 2, value 3]; arr=new Array(value 1, value 2, 값 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. for...in 문

js에서 배열은 데이터 유형이 아니며 배열의 데이터 유형은 실제로 Object

Js의 For...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. 텍스트 첨자

형식:

arr['key'] = value

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

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


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
 first:zhangsan

 second: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 = new Array(" " foot","本","之","가족");

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


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 정의 사용법 및 배열

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


4. 참고

· 배열에는 arrays 길이는 속성입니다 · 배열에 값을 할당하지 않으면 결과는 정의되지 않으며 인쇄는 ""입니다 · 배열 길이가 충분하지 않으면 자동으로 확장될 수 있으며 out- 범위 문제

위 내용은 JavaScript에서 배열을 정의하는 여러 가지 방법 공유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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