자바스크립트 학습노트(5) 배열 배열 유형 소개_기본지식

배열 생성
첫 번째 유형:

코드 복사 코드는 다음과 같습니다.

var colors = new Array();
var colors = new Array(20);//20개 항목을 포함하는 배열 생성
var colors = new Array("Greg");//1개 항목을 포함하는 배열 생성, "Greg"
의 문자열 배열입니다. var colors = new Array("red","blue","green") //항목 3개 생성

두 번째 유형:

코드 복사 코드는 다음과 같습니다.

var colors = ["red","blue" ,"green"] ;
var colors = [];//빈 배열 만들기

참고: 배열의 인덱스는 0

1부터 시작합니다.
length 속성 배열의 항목 수가 다음과 같이 저장됩니다.

코드 복사 코드는 다음과 같습니다. 다음:

var colors = ["red","blue","green"]
alert(colors.length) //3

길이 속성은 읽기 전용이 아니며 배열의 길이 속성을 사용할 수 있습니다. 끝에서 항목을 제거하거나 다음과 같은 새 항목을 추가할 수 있습니다.

코드 복사 코드는 다음과 같습니다.

var colors = ["red","blue","green"]
colors.length = 2; 🎜>alert(colors); //빨간색, 파란색
colors[colors.length] = "black";
alert(colors); //빨간색, 파란색, 검정색

2.join() 메소드, 배열의 항목을 연결합니다

코드 복사 코드는 다음과 같습니다.

var colors = ["red","blue","green"];
alert( colors.join(",")) //red,blue,green
alert(colors. Join("||")); //red||blue||green

3. 배열 스택 메서드: push() 및 pop()
push() 메서드는 모든 항목을 허용할 수 있습니다. 개수 만큼의 매개변수를 배열의 끝에 하나씩 추가하고 수정된 배열의 길이를 반환합니다.
pop() 배열의 끝에서 마지막 항목을 제거하고 배열의 길이 값을 줄이는 메소드입니다. , 제거된 항목을 반환합니다.

코드 복사 코드는 다음과 같습니다.

var colors = new Arrary(); //배열 생성
var count = colors.push("red","green") //두 항목을 배열 끝에 푸시
alert(count); 2
count = colors.push("black"); //항목을 배열의 끝으로 밀어 넣습니다
alert(count); //3
var item = colors.pop(); /마지막 항목을 제거하고 값을 반환합니다.
alert(item); //"black"
alert(count); //2

4. ) 및 Shift(), unshift()
push() 메서드는 위와 동일합니다.
shift() 메서드는 배열의 첫 번째 항목을 제거하고 반환하며, 배열의 길이가 줄어듭니다. 1
unshift() 메소드는 배열 앞에 항목을 추가하고 새 배열의 길이를 반환합니다.

코드 복사 코드는 다음과 같습니다.

var colors = new Arrary(); //배열 생성
var count = colors.push("red","green") //Push two 항목을 배열 끝에 넣습니다.
alert(count); //2
count = colors.push("black") //항목을 배열 끝에 넣습니다.
alert(count) ; //3
var item = colors.shift(); //첫 번째 항목을 제거하고 값을 반환합니다.
alert(item); //"red"
alert(colors); ,black
count = colors .unshift("blue"); //항목을 배열 앞으로 밀어 넣습니다.
alert(count); //3
alert(colors); 녹색, 검정색

5. 메서드 재정렬: reverse() 및 sort()
reverse() 메서드는 배열 항목의 순서를 반대로 합니다.
sort() 메서드는 기본적으로 배열 항목을 정렬합니다. 문자열 크기에 따라 오름차순이며 비교 크기를 허용할 수 있습니다. 함수는

코드를 복사합니다. 코드는 다음과 같습니다.

var 값 ​​= [1,2, 3,4,5]
values.reverse()
alert(values); ,2,1

코드 복사 코드는 다음과 같습니다.

//오름차순 정렬 함수
function Compare(value1,value2) {
if (value1 < value2) {
return -1 //내림차순이 1로 변경됩니다.
} else if (value1 > value2) {
return 1; //내림차순이 -1로 변경됨
} else {
return 0
}

코드 복사 코드는 다음과 같습니다.

//오름차순으로 정렬된 배열
var 값 ​​= [0, 1,5,15,20,10];
values.sort(compare)
alert(values);//0,1,5,10,15 ,20

코드 복사 코드는 다음과 같습니다.

/ /이 함수는 숫자 유형, 오름차순에 사용할 수 있습니다.
function Compare(value1,value2) {
return value2 - value1
}

6. 배열의 일부 방법; : concat() 메서드, Slice() 메서드 및 splice() 메서드
concat() 메서드는 원래 배열의 끝에 매개변수를 추가하고 새 배열을 반환합니다.
slice( ) 메소드는 배열의 항목을 반환하며, 매개변수가 1개인 경우 지정된 위치부터 배열의 끝까지 모든 항목을 반환합니다. 위치)가 반환되고 원래 배열은 변경되지 않은 상태로 유지됩니다.
splice() 메서드는 배열의 항목을 삽입, 삭제 또는 교체하고 삭제된 항목을 반환합니다(삭제되지 않은 경우 빈 배열 반환). 원래 배열은 변경됩니다.

코드 복사 코드는 다음과 같습니다.

//concat() 메소드
var colors = ["red","green","blue"];
var colors2 = colors.concat("yellow",["black","brown"] )
alert(colors); /red,green,blue
alert(colors2); //red,green,blue,yellow,black,brown

코드 복사 코드는 다음과 같습니다.

//slice() 메서드
var colors = ["red"," green","blue"," yellow","black"];
var colors2 = colors.slice(1); //하나의 매개변수를 사용하여 지정된 위치부터 배열 끝까지의 모든 항목을 반환
var colors3 = colors .slice( 1,4); //두 개의 매개변수가 있는 경우 시작 위치와 끝 위치 사이의 항목을 반환합니다(끝 위치 제외)
alert(colors2) //green,blue,yellow,black
Alert(colors3); //green,,blue,yellow

코드 복사 코드는 다음과 같습니다 :

//splice() 메소드
//항목 삽입, 삽입 시 3개의 매개변수 지정: 시작 위치, 0(삭제할 항목), 삽입할 항목
var colors = ["red","green","blue"];
var insert = colors.splice(1,0,"yellow","orange") //위치 1부터 두 항목 삽입
Alert(colors); //red,yellow,orange,green,blue
alert(inserted); //빈 배열

//교체 항목, 삭제 시 3개 매개변수 지정: 시작 위치, 항목 삭제, 삽입할 모든 항목
var colors = ["red","green","blue"]
var replacement = colors.splice(1,1,"black","brown ") ; //하나의 항목을 삭제하고 두 개의 항목을 삽입
alert(colors); //red,black,browm,blue
alert(replaced) //green