> 웹 프론트엔드 > JS 튜토리얼 > 자바스크립트 배열 학습 노트_자바스크립트 기술 정리

자바스크립트 배열 학습 노트_자바스크립트 기술 정리

WBOY
풀어 주다: 2016-05-16 15:28:59
원래의
1270명이 탐색했습니다.

1. 배열이란
배열은 값의 모음이며 각 값에는 0부터 시작하는 인덱스 번호가 있으며 각 인덱스에는 해당 값이 있으며 필요에 따라 더 많은 값을 추가합니다.

 <script type="text/javascript">
  var myarr=new Array(); //定义数组
  myarr[0]=80; 
  myarr[1]=60;
  myarr[2]=99;
  document.write("第一个人的成绩是:"+myarr[0]);
  document.write("第二个人的成绩是:"+myarr[1]);
  document.write("第三个人的成绩是:"+myarr[2]);
 </script>
로그인 후 복사

2. 그룹을 구성하고 이름을 지정합니다(배열 만드는 방법)
배열을 사용하기 전에 먼저 배열을 만들고 배열 자체를 변수에 할당해야 합니다.
배열 구문 만들기:

var myarray=new Array();//语句是创建一个新数组存储在myarray变量中
var myarray保存数组的变量
new Array();创建一个新的空数组
로그인 후 복사

배열을 생성할 때 배열의 길이도 지정할 수 있고, 길이는 임의로 지정할 수도 있습니다.

코드 복사 코드는 다음과 같습니다.
var myarray= new Array(8); //배열을 생성하고 8개의 데이터를 저장합니다.

참고:
1) 생성된 새 배열은 값이 없는 빈 배열입니다. 출력되면 정의되지 않은 것으로 표시됩니다.
2) 배열을 생성할 때 길이를 지정하지만 실제로 배열은 가변 길이이므로 길이를 8로 지정하더라도 지정된 길이를 초과하여 요소를 저장할 수 있습니다.

3. 배열 할당
1단계: 버스 만들기
2단계: 티켓 번호에 따라 자리에 앉으세요
버스의 1번 좌석은 장산
버스 2번 좌석은 리시
배열 표현식:
1단계: 배열 만들기 var myarr=new Array()
2단계: 배열에 값 할당
myarr[1]="장산";
myarr[2]="이思";
5명의 수학 점수를 저장할 배열을 만듭니다.

var myarray=new Array(); //创建一个新的空数组
myarray[0]=66; //存储第1个人的成绩
myarray[1]=80; //存储第2个人的成绩
myarray[2]=90; //存储第3个人的成绩
myarray[3]=77; //存储第4个人的成绩
myarray[4]=59; //存储第5个人的成绩
로그인 후 복사

참고: 배열의 각 값에는 0부터 시작하는 인덱스 번호가 있습니다.
첫 번째 방법:

코드 복사 코드는 다음과 같습니다.
var myarray = new Array(66,80,90,77,59 );/ / 배열 생성과 동시에 값 할당

두 번째 방법:
코드 복사 코드는 다음과 같습니다.
var myarray = new Array[66,80,90,77,59 ];/ /배열 직접 입력("리터럴 배열"이라고 함)

4. 배열에 새 요소를 추가합니다
사용되지 않은 다음 인덱스를 사용하여 언제든지 새 요소를 배열에 추가할 수 있습니다.
myarray[5]=88; //새 인덱스를 사용하여 배열에 새 요소를 추가합니다.

5. 배열 요소 사용
배열 요소의 값을 얻으려면 다음과 같이 배열 변수를 참조하고 인덱스를 제공하면 됩니다.
첫 번째 사람의 점수 표현 방법: myarray[0]
3인칭 점수 표현방법 : myarray[2]

<script language="javascript">
 var myarr=new Array();
  myarr[0]="小红";
  myarr[1]="小明";
  myarr[2]="小亮";
  myarr[3]="小川";
  document.write("第二人的姓名是:"+ myarr[1] );
</script>
로그인 후 복사

6. 구성원 수(배열 속성 길이) 이해
Length 속성은 배열의 길이, 즉 배열의 요소 수를 나타냅니다.

코드 복사 코드는 다음과 같습니다.
myarray.length; //배열의 길이를 가져옵니다. 마이어레이

참고: 배열의 인덱스는 항상 0부터 시작하므로 배열의 상한과 하한은 각각 0과 길이-1입니다. 예를 들어 배열의 길이가 5인 경우 배열의 상한과 하한은 각각 0과 4입니다.

 var arr=[55,32,5,90,60,98,76,54];//包含8个数值的数组arr 
 document.write(arr.length); //显示数组长度8
 document.write(arr[7]); //显示第8个元素的值54
로그인 후 복사

동시에 JavaScript 배열의 길이 속성은 가변적이므로 특별한 주의가 필요합니다.

arr.length=10; //增大数组的长度
document.write(arr.length); //数组长度已经变为10
로그인 후 복사

요소 수가 증가하면 배열의 길이도 다음과 같이 변경됩니다.

var arr=[98,76,54,56,76]; // 包含5个数值的数组
document.write(arr.length); //显示数组的长度5
arr[15]=34; //增加元素,使用索引为15,赋值为34
alert(arr.length); //显示数组的长度16
로그인 후 복사

7. 2차원 배열
우리는 1차원 배열을 상자 세트로 생각합니다. 각 상자에는 하나의 콘텐츠만 담을 수 있습니다.
1차원 배열 표현: myarray[ ]
우리는 2차원 배열을 상자 세트로 생각하지만 각 상자에는 여러 개의 상자가 포함될 수도 있습니다.
2차원 배열 표현: myarray[ ][ ]
참고: 2차원 배열의 2차원 인덱스 값도 0부터 시작하며, 2차원 배열의 마지막 인덱스 값은 길이-1이다.
1) 2차원 배열 정의 방법 1

var myarr=new Array(); //先声明一维 
for(var i=0;i<2;i++){ //一维长度为2
  myarr[i]=new Array(); //再声明二维 
  for(var j=0;j<3;j++){ //二维长度为3
   myarr[i][j]=i+j; // 赋值,每个数组元素的值为i+j
  }
 }
로그인 후 복사

2) 2차원 배열 정의 방법 2

코드 복사 코드는 다음과 같습니다.
var Myarr = [[0 , 1 , 2 ],[1 , 2 , 3 , ]]

3) 과제
코드 복사 코드는 다음과 같습니다.
myarr[0][1]=5 //값을 전달합니다. 5개를 배열에 추가하여 원래 값을 덮어씁니다.

설명: myarr[0][1], 0은 테이블의 행을 나타내고 1은 테이블의 열을 나타냅니다.

이상은 Javascript 배열에 관한 내용입니다. 마음에 드셨으면 좋겠습니다.

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