JavaScript 배열 예제 튜토리얼
- 黄舟원래의
- 2016-12-20 15:22:191105검색
배열은 동일한 이름을 가진 여러 변수의 집합입니다. 배열의 사용법은 일반 변수의 사용법과 완전히 동일하며 어떤 데이터 유형에도 저장할 수 있다는 점만 다릅니다. 연속된 블록을 메모리에 저장하면 순차적으로 번호를 매기고 그에 따라 사용할 수 있습니다. 이전 글 [JavaScript 배열의 사용법]에서는 주로 인터넷에서 js 배열의 사용법을 소개했습니다. 이번 글에서는 js 배열의 강력한 기능과 사용법을 예제를 통해 소개합니다.
배열은 여러 변수의 집합입니다. 같은 이름으로 배열의 사용법은 일반 변수와 동일하며, 어떤 데이터 유형에도 저장할 수 있습니다. 유일한 차이점은 순서대로 번호를 매길 수 있다는 것입니다. 그런 다음 사용하지 마세요. 배열의 장점은 여러 변수를 동시에 선언하고 사용할 수 있다는 것입니다. JAVAScript 배열을 사용하는 방법은 VBScript와 다릅니다. 사용 시에는 대괄호 "[]"로 묶어야 하며, 다른 변수는 쉼표 ","로 구분해야 합니다.
var array name;
array name = [1,...,n];
예: 세 개의 과일 "수박", " "사과"가 포함된 "과일" 배열을 정의하려고 합니다. , "Banana", 다음과 같이 작성해야 합니다:
var Fruit;
fruit = ["Watermelon", "Apple", "Banana"] //세 가지 과일에 값을 할당합니다. 배열에서
이때 "과일[0]"은 "수박", "과일[1]"은 "사과", "과일[2]"는 "바나나", "과일"은 " 수박, 사과, 바나나." (JAVAScript는 "0"부터 세기 시작하므로 이 원칙을 기억해야 합니다.)
"apple"을 "straw form"으로 변경하는 등 배열의 변수에 값을 다시 할당하려면 다음과 같이 작성해야 합니다. this:
Fruit = ["watermelon", "apple", "strawberry"]; //"fruit" 배열의 변수를 다시 할당합니다
변수는 "fruit[0]" 및 "fruit[2]입니다. " 배열에 변경 사항이 없습니다. 다음과 같이 쓸 수도 있습니다:
fruit = [fruit[0],fruit[1],"grass mould"]; //"에서 변수 "fruit[2]"를 변경합니다. Fruit" 배열을 "grass mould" "Mold"
참고: "fruit[0]" 및 "fruit[2]" 변수의 값이 변경되지 않더라도 그대로 써야 합니다. 그렇지 않으면 원본 값이 손실되어 "정의되지 않음"이 됩니다.
사실 배열의 모든 변수를 작성할 필요는 없습니다.
var Fruit;
fruit = ["watermelon", ,"strawberry"] ; //배열에 3가지 종류의 과일 할당
이때, "fruit[0]"은 "watermelon", "fruit[1]"은 "undefine", "fruit[2]"는 "grass"입니다. 곰팡이", "과일"은 "수박", 밀짚 곰팡이"입니다.
이 배열을 다음과 같이 작성하면:
var Fruit;
fruit = ["Watermelon", "Banana", ,] //배열의 4개 과일에 값을 할당합니다
이때 배열에는 4개의 변수가 있습니다: "fruit[0]"은 "watermelon", "fruit[1]"은 "grass mould", "fruit[2]"는 "undefine", "fruit[3" ]"는 "정의되지 않음", "과일"은 "수박, 짚 곰팡이,,"입니다.
다음은 예시입니다:
JAVAScript에서 배열 객체를 생성하는 방법을 소개하겠습니다. (실제로 이 방법은 문장을 작성하는 방식을 제외하면 이전 방법과 본질적으로 동일합니다. 프로그램이 매우 짧은 경우에는 위의 방법을 사용하는 것이 더 간단합니다. 일반적으로는 그래도 다음 방법을 사용하는 것이 좋습니다. 배열 개체를 만듭니다.) 배열 개체를 만드는 데는 두 가지 구문이 있습니다.
1. 배열을 선언할 때 배열의 여러 구성 요소만 선언합니다.
var 배열 객체 이름 = new Array(구성 요소 수);
fruit = new Array(3); //fruit라는 배열을 선언합니다. 총 3개의 구성 요소가 있으며 이는 한 번에 3개를 선언하는 것과 같습니다. 시간 변수
그런 다음 변수 값을 순차적으로 채울 프로그램 코드 몇 줄을 준비해야 합니다.
fruit[0] = "watermelon";
fruit[1] = "apple";
fruit[2] = "banana";
2. 선언 시 모든 배열 구성요소를 직접 지정하고, 분리합니다. 쉼표로 서로 묶고 괄호로 묶습니다. 구성 요소의 수는 배열의 길이입니다.
var 배열 객체 이름 = new Array(구성 요소 1..., 구성 요소 N);
var Fruit = new Array("수박", "사과", "바나나")
참고: 일반적으로 언어 배열의 구성 요소는 동일한 유형의 값이어야 하지만 JAVAScript에서는 서로 다른 유형의 데이터를 배열에 넣을 수 있습니다.
2. 배열 객체의 속성
JAVAScript는 배열 객체에 대해 다음 속성을 제공합니다.
사용 형식:
배열 객체 이름.속성
속성 이름 순서 사용 지침
1 생성자는 프로토타입 프로토타입을 생성하는 함수를 지정합니다.
2 인덱스는 배열 구성 요소의 인덱스 값을 나타냅니다.
3 입력은 정규식의 문자열을 나타냅니다.
4 길이는 배열 길이(배열 구성 요소 수)를 가져옵니다.
5개의 프로토타입은 사용자 정의 객체 속성을 생성하는 데 사용됩니다
3. 배열 객체의 메서드
JAVAScript는 배열 객체에 대해 다음과 같은 메서드를 제공합니다.
형식 사용:
배열 객체 name. 메서드(매개변수)
순서 메서드 이름 사용 지침
1 concat(배열 1, 배열 2,..., 배열 N) 여러 배열을 새 배열로 결합
2 결합(구분자) 문자)는 배열을 특정 문자로 구분된 문자열로 결합합니다
3 pop()은 배열의 마지막 구성 요소를 삭제하고 구성 요소의 내용을 반환합니다
4 push(구성 요소 1, 구성 요소 2, ..., 구성 요소 N) 배열의 끝에 하나 이상의 구성 요소를 추가하고 마지막 구성 요소의 내용을 반환합니다.
5 reverse() 배열에 있는 모든 구성 요소의 인덱스 순서를 반대로 바꿉니다(Transpose)
첫 번째 구성 요소가 마지막 구성 요소가 됩니다. 1, 마지막 구성 요소가 맨 앞으로 이동
6 Shift()는 배열의 첫 번째 구성 요소를 삭제하고 구성 요소의 내용을 반환합니다.
7 슬라이스(시작 인덱스, 끝 인덱스)는 배열 내용을 전송합니다. new array
8 sort() 배열의 내용 정렬
9 splice() 배열 구성요소 추가 또는 삭제
10 toSource() 특정 배열을 나타내는 배열 상수를 반환합니다. new Array
11 toString()은 배열과 해당 구성 요소를 문자열로 나타냅니다.
12 unshift(composite 1, 구성 요소 2,..., 구성 요소 N)는 배열 앞에 하나 이상의 구성 요소를 추가하고 다음을 반환합니다. last Array length
13 valueOf() 배열 값 가져오기
참고: push, Shift, unshift와 같은 일부 메서드는 일부 IE 브라우저 버전에서 지원되지 않으므로 비용을 지불해야 합니다. 사용할 때 특별한 주의를 기울이십시오.
예:
<스크립트 언어 = "JAVAScript">
var Fruit = new Array("Watermelon","Banana","Apple "); //배열을 선언하고 배열의 세 과일에 값을 할당
//처음으로 배열 "과일"의 세 변수 내용을 표시합니다.
은 개행입니다. 문자
document.write(과일[0] + “
” + 과일[1] + “
” + 과일[2] + “
” + 과일);
document.write(“
” ); //가로선을 구분자로 삽입
//두 번째로 배열을 표시하고,
구분자로 가로선을 삽입합니다
document) {
write(fruit.reverse() + “
”); //배열을 뒤집습니다.
write(fruit.join(“,”) + “
”) / / "," "Separate
write(fruit.sort() + "
");를 사용하여 배열을 문자열로 결합합니다. // 배열의 내용을 정렬합니다.
write(fruit.length + "
"); // 배열의 길이를 계산합니다. Length
}
–>
3.
JAVAScript의 배열 객체는 실제로는 1차원 구조일 뿐이지만, 1차원 배열을 더욱 설계하고 활용하여 배열을 배열로 만들고, 배열 안의 구성 요소도 배열로 만들면 2차원 배열을 이룰 수 있습니다. 자바스크립트. 하지만 2차원 배열은 사용 시 오류가 발생하기 쉬우므로 여기서는 그 개념만 소개하겠습니다.