JavaScript 고급 프로그래밍 읽기 노트 9번 로컬 개체 Array_javascript 기술

배열 객체 생성

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

//one
var aValues= new Array();

//two
var aValues=new Array(20)

//3
var aColors=new Array(); 🎜>aColors[0]="빨간색";
aColors[1]="녹색";
aColors[2]="파란색"

//four
var aColors= new Array("red","green","blue");

//five
var aColors=["red","green","blue"]; >
join && Split
join: 연결 문자열

코드 복사 코드는 다음과 같습니다. var aColors=["red","green","blue"];

alert(aColors.join(","));//"red,green,blue" 출력

Alert(aColors.join ("-spring-"));//"red-spring-green-spring-blue" 출력
alert(aColors.join("]["));//"red] 출력 [green][blue "


split: 문자열 분할

코드 복사 코드는 다음과 같습니다. : var sColors="red,green,blue";

var aColors=sColors.split(",");//출력 ["red", "green", "blue "]

var redColors=aColors[0].split("");//출력 ["r", "e", "d"]


concat && 슬라이스
concat: 배열 추가

코드 복사 코드는 다음과 같습니다. var aColors=[" red","green","blue "];

var aColors2=aColors.concat("yellow","purple");

alert(aColors);//출력 ["red", "green" , "blue"]
alert (aColors2);//["red", "green", "blue", "yellow", "purple"] 출력


슬라이스: 특정 항목이 포함된 새 배열

코드 복사 코드는 다음과 같습니다. var aColors=[ "빨간색","녹색","파란색", "노란색","보라색"];

var aColors2=aColors.slice(1);//출력 ["녹색","파란색","노란색", "purple"]

var aColors3=aColors.slice(1,4);//출력 ["green","blue","yellow"]


푸시 && 팝
Array는 스택과 마찬가지로 push 및 pop 메소드를 제공하여 Array의 끝에 하나 이상의 항목을 추가하는 데 사용되며, pop 메소드는 마지막 배열 항목을 삭제하여 함수 값으로 반환하는 데 사용됩니다. >

코드 복사

코드는 다음과 같습니다. var stack=new Array stack; push("red");

stack.push("green");

stack .push("blue")
alert(stack);//출력 ["red","green" ,"blue"]
var vItem=stack.pop();
alert(vItem );//outputs ["blue"]
alert(stack);//otputs ["red"," green"]


shift && unshift
shift: 배열에서 삭제 첫 번째 항목을 함수 반환 값으로 사용, unshift: 항목을 배열의 첫 번째 위치에 놓은 다음 나머지 항목을 한 위치 아래로 이동

코드 복사

코드는 다음과 같습니다. var aColors=["red","green","blue"]; var vItem=aColors.shift( )

alert(aColors);//["green","blue"] 출력

alert(vItem);//출력 ["red"]
aColors.unshift("black")
alert(aColors);//출력 ["black","green","blue"]


reverse && sort
reverse: 배열 항목의 순서를 반대로, sort: 누르기 배열 항목의 값을 오름차순으로 정렬합니다(먼저 toString() 메서드를 호출하여 모든 값을 문자열로 변환)

코드 복사

코드는 다음과 같습니다. var aColors= ["blue","green","red"]; aColors.reverse();

alert(aColors);//출력 [" red","green","blue"]

aColors.sort();
alert(aColors);//출력 ["blue","green","red"]


참고:

코드 복사

코드는 다음과 같습니다. var aColors=[3,32 ,2,5] aColors. sort();

alert(aColors);//출력 [2,3,32,5]

숫자를 문자열로 변환한 후 문자코드로 비교하기 때문입니다.

splice
splice: 데이터 항목을 배열 중앙에 삽입

1. 삭제에 사용: 두 개의 매개변수만 선언하면 첫 번째 매개변수가 삭제되는 첫 번째 항목입니다. , 두 번째 매개변수는 삭제된 항목 개수

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

var aColors=["red","green","blue","yellow"];
aColors.splice(0,2);
alert(aColors);//출력 ["blue", " yellow"]

2. 삽입에 사용: 3개 이상의 매개변수(두 번째 매개변수는 0)를 선언하여 지정된 위치에 데이터를 삽입합니다. 매개변수는 0이고 3번째 이상의 매개변수는 삽입 항목

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

var aColors=["red","green","blue","yellow"]
aColors.splice(2,0,"black","white")
alert( aColors );//outputs ["red","green","black","white","blue", "yellow"]

3을 삭제하고 삽입하는 데 사용됩니다. 또는 위의 매개변수(두 번째 매개변수가 0이 아님)를 사용하면 지정된 위치에 데이터를 삽입할 수 있습니다. 첫 번째 매개변수는 시작 위치, 두 번째 매개변수는 삭제할 항목 수, 세 번째 이상의 매개변수는 항목 삽입

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

var aColors=["red" ,"green" ,"blue","yellow"];
aColors.splice(2,1,"black","white")
alert(aColors);//outputs ["red", "녹색", "검은색", "흰색", "노란색"]