JavaScript의 배열 유형은 종종 사용되며 배열 유형은 또한 우리의 요구를 달성하기위한 많은 방법을 제공합니다. 아래에서 요약합시다.
1. 배열을 생성하는 방법
var colors = new Array ();
var colors = new Array (3); // 길이 3의 배열을 만듭니다
var colors = new Array ( "Red", "Blue") // 배열 생성 [ "Red", "Blue"]
물론, 위의 새로운 것은 var colors = array ( "빨간색")와 같이 생략하고 쓸 수 있습니다.
2. 배열 리터럴을 직접 사용하십시오
var colors = [ "빨간색", "파란색", "녹색"];
2. 배열 방법 1
var colors = [ "빨간색", "파란색", "녹색"];
1. 배열 색상의 길이를 가져옵니다. 길이; // 3
2. 배열 색상의 두 번째 항목에 액세스하십시오 [1]; // blue
3. 데이터 색상의 두 번째 항목을 변경 [1] = "black"; // [ "빨간색", "검은 색", "녹색"]]]
4. 배열의 배열 색상 인스턴스인지 확인; // true
5. colors.tostring (); // 출력 문자열은 쉼표로 쉼표로 분리됩니다.
6. colors.join ( "|"); // 출력 문자열을 사용자 정의합니다. 빨간색 | 파란색 | "|"
7. colors.push ( "brown") // 배열 끝에 항목 추가
8. colors.pop () // 배열 끝에 항목 삭제
9. colors.shift () // 배열의 첫 번째 항목을 삭제하고 값을 얻습니다.
10. 색상. Unshift ( "K1", "K2") // 배열 앞에이 두 항목을 삽입하십시오. [ "K1", "K2", "Red", "Blue", "Green"];
11. Colors.Reverse () // 플립 어레이의 순서
12. colors.sort () 또는 colors.sort ([func]);
13. concat ()는 원래 배열 색상에 영향을 미치지 않고 새 배열을 반환합니다 .concat () 또는 colors.concat ( "k1");
14. 슬라이스 (시작, 끝) 배열 첨자 에서이 데이터를 첨자 끝을 제외하고 끝까지 끝납니다. 슬라이스 (시작) 인 경우 첨자에서 시작하여 배열의 끝까지 시작합니다.
15. 스플 라이스
스플 라이스 (0,2) // 첨자에서 시작하는 배열의 두 항목을 드롭 드롭합니다 0
Splice (2,0, "K1", "K2")는 Subscript 2에서 0 항목을 삭제 한 다음 여기에서 두 항목을 삽입합니다.
Splice (2,1, "k1") // 첨자 2에서 항목을 삭제 한 다음 여기에서 항목을 삽입하십시오.
16. indexof ( "항목") // 배열 헤더에서 항목을 찾으려면 항목을 찾은 후 인덱스 값을 반환하지만 찾을 수없고 -1을 반환 할 수 없습니다.
17. LastIndexof ( "Item") // 배열 끝에서 항목을 찾아서 항목을 찾은 후 위시 값을 반환하고 찾을 수없는 경우 -1을 반환하십시오.
3. 배열 방법 2 : 반복 메소드 (ecmascript5)
1. 모든 () : 배열의 각 항목에서 주어진 함수를 실행하십시오. 각 항목은 true를 반환 한 다음 true (원래 배열에 영향을 미치지 않음)
var numbers = [1,2,3,2,1]; // 각 숫자가 2var 플래그보다 큰지 판단합니다.
2. filter () : 배열의 각 항목에서 주어진 함수를 실행하고 function true로 항목을 반환합니다 (원래 배열에 영향을 미치지 않음).
var numbers = [1,2,3,2,1]; // 2 var array = numbers.filter보다 큰 항목을 반환합니다 (함수 (항목, 색인, 배열) {return item> 2;});3. foreach () : 값을 반환하지 않고 배열의 각 항목에서 주어진 함수를 실행합니다 (원래 배열에는 영향을 미치지 않음)
var numbers = [1,2,3,2,1]; // 각 항목의 제곱 번호를 출력합니다 .foreach (함수 (항목, 색인, 배열) {console.log (item*2);});4. Map () : 배열의 각 항목에서 주어진 함수를 실행하고 각 기능 호출 후 결과로 구성된 배열을 반환합니다 (원래 배열에 영향을 미치지 않음).
var numbers = [1,2,3,2,1]; // 각 항목의 제곱을 반환합니다 var array = numbers.map (함수 (항목, 색인, 배열) {return item*item;});5. 일부 () : 배열의 각 항목에서 주어진 함수를 실행합니다. True를 반환하는 항목이 있으면 True가 반환됩니다.
var numbers = [1,2,3,2,1]; var flag = numbers.some (함수 (항목, 색인, 배열) {return item> 2});3. 배열 방법 3 : 병합 메소드 (ecmascript5)
1. READE () 메소드는 배열의 첫 번째 줄에서 시작하여 하나씩 끝까지 가로집니다.
2. reduceRight () 메소드는 배열의 마지막 항목에서 시작하여 하나씩 전진합니다.
var numbers = [1,2,3,4,5]; var result = numbers.reduce (function, cur, index, array) {// prev : 이전 작업의 결과, 시작 // cur : array의 현재 용어 // 색인 : 현재 배열의 하위 스크립트 : 현재 숫자 console.log (preor); console.log ( "cur :"+cup); "index :"array : "+array); Console.log ( "========================================================================================================================================= ================================================================================================================================== ========================================================================================================================================= ==================================================================================================================================위의 JavaScript Array Method Summary (권장)는 내가 공유하는 모든 컨텐츠입니다. 나는 당신이 당신에게 참조를 줄 수 있기를 바랍니다. 그리고 당신이 wulin.com을 더 지원할 수 있기를 바랍니다.