>웹 프론트엔드 >JS 튜토리얼 >JavaScript에서 배열의 속성과 메서드.

JavaScript에서 배열의 속성과 메서드.

高洛峰
高洛峰원래의
2016-11-26 13:45:081475검색

배열을 정의하는 네 가지 방법이 있습니다.

생성자 사용:
var a = new Array();
var b = new Array(8);
var c = new Array("첫 번째", "두 번째", "세 번째");
또는 배열 리터럴:
var d = ["첫 번째", "두 번째", "세 번째"];

속성

배열에는 길이라는 하나의 속성만 있습니다. 길이는 방금 정의한 배열의 요소 수뿐만 아니라 배열이 차지하는 메모리 공간의 수를 나타냅니다. 8

<script><br>var a = new Array("첫 번째", "두 번째", "세 번째")<br>a[48] = "12"<br>document.write( a.length)<br>//표시된 결과는 49입니다.<br></script>
배열의 길이 속성은 이 방법을 통해 가로챌 수 있습니다.

<script><br>var a = new Array("첫 번째", "두 번째", "세 번째")<br>delete a[1]<br>document.write(a.length ) <br>//표시된 결과는 3으로, 삭제해도 배열의 길이를 변경할 수 없음을 나타냅니다.<br>var a = new Array("first", "second", "third")<br>a. length = 1 <br>document.write(a.length)<br>//표시된 결과는 1입니다. 이는 요소가 하나만 남아 있음을 나타냅니다.<br></script>
메서드

여기에서는 사용할 수 없음 IE와 FF 간에 호환되지 않는 일부 메소드 포함:
toString(): 배열을 문자열로 변환
toLocaleString(): 배열을 문자열로 변환
join(): 배열을 문자열로 변환 배열을 기호로 연결된 문자열
shift(): 배열의 선두에서 요소를 이동합니다.
unshift(): 배열의 선두에 요소를 삽입합니다.
pop(): 배열의 선두에서 요소를 삭제합니다. 배열의 꼬리
push(): 배열의 끝에 요소 추가
concat(): 배열에 요소 추가
slice(): 배열의 일부 반환
reverse (): 배열 역정렬
sort(): 배열 정렬
splice(): 배열 요소 삽입, 삭제 또는 교체

toString() 메서드, toLocaleString() 메서드는 유사합니다. 함수에서 FF 아래의 함수는 정확히 동일합니다. IE에서 요소가 문자열이면 "," 뒤에 공백이 추가됩니다. 요소가 숫자이면 두 자리까지 확장됩니다. 문자열의 길이 속성을 고려하여 toLocaleString() 메서드를 사용하지 마세요.

<script><br>var a = new Array(1, 2, 3, [4, 5, [6, 7]])<br>var b = a.toString() // b는 문자열 형식 "1, 2, 3, 4, 5, 6, 7"<br>var c = new Array(1, 2, 3, [4, 5, [6, 7]])<br> var d = c.toLocaleString() //d는 문자열 형식의 "1, 2, 3, 4, 5, 6, 7"입니다<br>//toString() 메서드와 toLocaleString() 메서드 모두 분해 가능 다차원 배열 <br></script>
join() 메서드는 배열의 모든 요소를 ​​문자열로 변환한 다음 이를 연결합니다. 이는 String의 Split() 메서드와 반대되는 작업입니다. Join()은 기본적으로 ","를 구분 기호로 사용합니다. 물론

<script><br>var a = new Array("first", "second" 메서드에서 구분 기호를 지정할 수도 있습니다. ", "third")<br>var s = a.join("...")<br>document.write(s)<br>//표시된 결과는 "first...second...third "<br></script>
pop() 메서드는 배열 끝에서 여러 요소를 삭제할 수 있고, push() 메서드는 배열 끝 부분에 요소를 추가합니다. 이 두 가지 메서드는 정확히 두 가지입니다. 반대 작전. 둘 다 원래 배열에서 작동하지만 push() 메서드는 새 배열의 길이를 반환하는 반면 pop() 메서드는 삭제된 요소를 반환한다는 점에 유의하세요.

<script><br>var a = new Array(1, 2, 3)<br>var b = a.push(4,5,[6,7]) //a는 [ 1, 2, 3, 4, 5, [6, 7]] b는 6입니다. tbpush() 메서드는 배열을 여는 데 도움이 되지 않습니다. <br>var c = new Array(1, 2, 3, 4, "first")<br>var d = c.pop() //c는 [1, 2, 3, 4]입니다. d는 문자열 형식의 "첫 번째"입니다<br></script>
shift( ) 메소드 배열의 헤드에서 요소를 삭제할 수 있으며, unshift() 메소드는 배열의 헤드에 여러 요소를 추가합니다. 이 두 메소드는 정확히 두 가지 반대 작업입니다. 둘 다 원래 배열에서 작동하지만 unshift() 메서드는 새 배열의 길이를 반환하는 반면 Shift() 메서드는 삭제된 요소를 반환한다는 점에 유의하세요.

<script><br>var a = new Array(1, 2, 3)<br>var b = a.unshift(4,5,[6,7]) //a는 [ 4, 5, [6, 7], 1, 2, 3] b는 6입니다. unshift() 메서드는 배열을 여는 데 도움이 되지 않으며 값이 삽입되는 순서는 <br>var c입니다. = new Array(" first", 1, 2, 3, 4)<br>var d = c.shift() //c는 [1, 2, 3, 4]입니다. d는 문자열 형식의 "first"입니다<br></ script><br>concat() 메소드는 원래 배열에 요소가 추가된 배열을 반환할 수 있습니다. 요소에 배열이 있으면 확장되어 계속됩니다. 추가해야 하지만 다차원 배열 형태의 확장은 지원되지 않습니다. </p> 추가<p><script><br>var a = new Array("첫 번째", "두 번째", "세 번째")<br>s = a.concat("네 번째",["fifth", "여섯 번째"] ,["7번째", ["8번째", "9번째"]])<br>document.write(s[7])<br>//표시된 결과는 "8번째, 9번째"이며 "8번째, 9번째"를 나타냅니다. s의 값은 ["first", "second", "third", "fourth", "fifth", "sixth", "seventh", ["eighth", "입니다. nineth"]]<br></script>
slice() 메서드는 배열의 일부 또는 하위 배열을 반환합니다. Slice()의 매개변수는 단어 배열의 시작 위치와 끝 위치를 의미하며, 매개변수가 1개만 있으면 거기부터 시작하여 끝까지 계속된다는 뜻이다. 매개변수가 음수이면 역수의 특정 위치를 의미한다. Slice(start,end) //배열이 아래 첨자 시작(이 항목 포함)부터 끝(이 항목 제외)까지임을 나타냅니다.

<script><br>var a = new Array(1 , 2, 3, 4, 5)<br>var b = a.slice(3) //b는 [4, 5]입니다.<br>var c = a.slice(-3) //c는 [3, 4, 5입니다. ]<br>var d = a.slice(1,-1) //d는 [2, 3, 4]<br>var e = a.slice(-3,-1) //e는 [3, 4]<br></script>
reverse() 메소드는 배열을 역순으로 정렬합니다. 새 배열을 생성하여 반환하지 않고 원래 배열에서 작동합니다

var a = new Array("first", "second", "third")
a.reverse()
document.write(a)
//Display 결과는 "third"입니다. , 둘째, 첫째". 이때 배열의 순서가 거꾸로 바뀌었습니다.

배열을 정렬하는데 sort() 메서드를 사용합니다. 아주 특이한 방법입니다. 그를 만든 사람이 단지 게으른 것인지 아니면 똑똑한 것인지는 모르겠지만, 그것은 나에게 붙어 있는 접근 방식입니다.
sort() 메서드의 매개변수는 두 개의 매개변수와 하나의 반환값을 갖는 함수입니다. 반환된 값이 0보다 크면 이전 매개변수가 0과 같다면 이전 매개변수가 크다는 의미입니다. , 0보다 작으면 이전 매개변수가 마지막 매개변수보다 작다는 의미이며, 더 작은 매개변수가 정렬의 맨 앞에 나타납니다.
sort() 메서드는 배열에서 직접 작동하고 값도 반환하지만 둘은 동일한 것 같습니다. sort() 메서드는 기본적으로 알파벳순으로 정렬합니다

<script><br>var a = new Array(33, 4, 111, 543)<br>a.sort(way)<br> 함수 방식(x, y){<br> if (x % 2 ==0) <br> return 1;<br> if (x % 2 !=0) <br> return -1;<br>} <br>//정렬 결과 앞은 홀수, 뒤는 짝수가 된다<br></script>
splice() 메소드의 기능은 배열의 삽입, 삭제, 교체이다. 요소를 추가할 뿐만 아니라 배열을 수정하면 처리된 내용도 반환되므로 이는 강력하지만 사용하기 쉽지 않은 메서드입니다. splice() 메서드는 위치 지정을 위해 처음 두 매개 변수를 사용하고 나머지 매개 변수는 삽입 부분.