JS 배열(Array) 처리 함수 모음

1. concat () 는 두 개 이상의 그룹을 연결합니다. 이 방법은 기존의 그룹을 바꾸지 않고 연결된 그룹의 복사본만 되돌려줍니다.예를 들면 다음과 같습니다.

 
  
   
  <br>         var arr = [1, 2, 3]; 
  <br>         var arr1 = [11, 22, 33]; 
  <br>         document.write(arr.concat(4, 5, arr1)); 
  <br>   
  
 
 

출력 결과: 1,2,3,4,5,1,2,3,33
2. join()은 그룹의 모든 요소를 문자열에 넣습니다.요소는 지정된 구분자를 통해 구분됩니다.예를 들면 다음과 같습니다.

 
  
   
  <br>        var arr = ['item 1', 'item 2', 'item 3']; 
  <br>        var list = '<ul><li>' + arr.join('</li><li>') + '</li></ul>'; 
  <br>   
  
 
 

list 결과:
'

item 1

item 2

item 3

' 이것은 지금까지 가장 빠른 방법이다!원본 코드(예를 들어join()를 사용하면 시스템 내부에서 무엇을 하든지 간에 보통 비원생보다 훨씬 빠르다.James Padolsey, james.padolsey.com
3. pop () 을 삭제하고 수조의 마지막 요소인 pop () 방법을 되돌려줍니다. 수조의 마지막 요소를 삭제하고 수조의 길이를 1로 줄이고 삭제된 요소의 값을 되돌려줍니다.배열이 비어 있으면 pop () 는 배열을 변경하지 않고 undefined 값을 되돌려줍니다. 예를 들어:

 
  
   
  <br>        var arr = ["George", "John", "Thomas"]; 
  <br>        document.write(arr + "<br/>"); 
  <br>        document.write(arr.pop() + "<br/>"); 
  <br>        document.write(arr); 
  <br>   
  
 
 

출력 결과: George, John, Thomas Thomas George, John
4.push()는 배열의 끝에 하나 이상의 요소를 추가하고 다음 길이를 반환합니다.

 
  
   
  <br>        var arr = ["George", "John", "Thomas"]; 
  <br>        document.write(arr + "<br/>"); 
  <br>        document.write(arr.push("James") + "<br/>"); 
  <br>        document.write(arr); 
  <br>   
  
 
 

출력 결과: George, John, Thomas 4 George, John, Thomas, James
 
5. unshift()는 배열의 시작 부분에 하나 이상의 요소를 추가하고 다음과 같은 새 길이를 반환합니다.

 
  
   
  <br>        var arr = ["George", "John", "Thomas"]; 
  <br>        document.write(arr + "<br/>"); 
  <br>        document.write(arr.unshift("James") + "<br/>"); 
  <br>        document.write(arr); 
  <br>   
  
 
 

출력 결과: George, John, Thomas 4 James, George, John, Thomas
 
6. reverse()는 배열의 요소 순서를 뒤바꿉니다. 예를 들면 다음과 같습니다.

 
  
   
  <br>        var arr = ["George", "John", "Thomas"]; 
  <br>        document.write(arr + "<br/>"); 
  <br>        document.write(arr.reverse()); 
  <br>   
  
 
 

결과 출력: George, John, Thomas Thomas, John, George
7.shift()는 배열의 첫 번째 요소를 삭제하고 반환합니다. 예를 들어,

 
  
   
  <br>        var arr = ["George", "John", "Thomas"]; 
  <br>        document.write(arr + "<br/>"); 
  <br>        document.write(arr.shift() + "<br/>"); 
  <br>        document.write(arr); 
  <br>   
  
 
 

결과 출력: George, John, Thomas George John, Thomas
8. 슬라이스(start,end)는 이미 있는 그룹에서 선택한 요소를 되돌려줍니다. 이 방법은 그룹을 수정하지 않고 하위 그룹을 되돌려줍니다. 예를 들어 다음과 같습니다.

 
  
   
  <br>        var arr = ["George", "John", "Thomas"]; 
  <br>        document.write(arr + "<br/>"); 
  <br>        document.write(arr.slice(1) + "<br/>"); //                  
  <br>        document.write(arr); 
  <br>   
  
 
 

출력 결과: George, John, Thomas John, Thomas George, John, Thomas
9,sort()는 수조의 원소를 정렬하여 수조에 대한 인용을 한다.배열은 원래 배열에서 정렬되며 복사본은 생성되지 않습니다. 이 메서드는 기본적으로 문자 인코딩(ASCII) 순서로 정렬됩니다. 예를 들면 다음과 같습니다.

 
  
   
  <br>      var arr = new Array(6); 
  <br>      arr[0] = "John"; 
  <br>      arr[1] = "George"; 
  <br>      arr[2] = "Thomas"; 
  <br>      document.write(arr + "<br/>"); 
  <br>      document.write(arr.sort()); 
  <br>   
  
 
 

결과 출력:
John,George,Thomas
George,John,Thomas
다시 한 번 예를 살펴보자.

 
  
   
  <br>      var arr = new Array(6); 
  <br>      arr[0] = 10 
  <br>      arr[1] = 5 
  <br>      arr[2] = 40 
  <br>      arr[3] = 25 
  <br>      arr[4] = 1000 
  <br>      arr[5] = 1 
  <br>      document.write(arr + "<br/>"); 
  <br>      document.write(arr.sort()); 
  <br>   
  
 
 

결과 출력:
10,5,40,25,1000,1
1,10,1000,25,40,5
우리가 생각하는 숫자 크기에 따라 정렬하는 것이 아니라, 숫자 크기에 따라 정렬하려면 기본적인 정렬 방식을 바꾸고 정렬 규칙을 스스로 지정해야 한다는 것을 알 수 있다.다음과 같습니다.

 
  
   
  <br>      var arr = new Array(6); 
  <br>      arr[0] = 10 
  <br>      arr[1] = 5 
  <br>      arr[2] = 40 
  <br>      arr[3] = 25 
  <br>      arr[4] = 1000 
  <br>      arr[5] = 1 
  <br>      document.write(arr + "<br/>"); 
  <br>      document.write(arr.sort(function (a, b) {return a - b;}));//      
  <br>   
  
 
 

결과 출력:
10,5,40,25,1000,1
1,5,10,25,40,1000
내림차순으로 배열하고 싶으면?
정렬 규칙을 다음과 같이 변경합니다.
function (a, b) {return b - a;}
오케이.
10. splice()는 요소를 삭제하고 새 요소 splice()를 배열에 추가하는 방법은 slice() 방법과 다르며 splice() 방법은 배열을 직접 수정(1) 지정된 범위의 배열 요소를 삭제합니다.

 
  
   
  <br>      var arr = new Array(6); 
  <br>     arr[0] = "George"; 
  <br>     arr[1] = "John"; 
  <br>     arr[2] = "Thomas"; 
  <br>     arr[3] = "James"; 
  <br>     arr[4] = "Adrew"; 
  <br>     arr[5] = "Martin"; 
  <br>     document.write(arr + "<br/>"); 
  <br>     arr.splice(2, 3); //                 (       ) 
  <br>     document.write(arr); 
  <br>   
  
 
 

결과 출력:
George,John,Thomas,James,Adrew,Martin
George,John,Martin
(2) 지정된 아래 첨자부터 지정된 요소를 삽입합니다(요소 개수 제한 없음).

 
  
   
  <br>     var arr = new Array(6); 
  <br>     arr[0] = "George"; 
  <br>     arr[1] = "John"; 
  <br>     arr[2] = "Thomas"; 
  <br>     arr[3] = "James"; 
  <br>     arr[4] = "Adrew"; 
  <br>     arr[5] = "Martin"; 
  <br>     document.write(arr + "<br/>"); 
  <br>     arr.splice(2, 0, "William","JACK"); //           "William","JACK" 
  <br>     document.write(arr); 
  <br>   
  
 
 

결과 출력:
George,John,Thomas,James,Adrew,Martin
George,John,William,JACK,Thomas,James,Adrew,Martin
(3) 지정된 범위의 배열 요소를 삭제하고 지정된 요소로 대체합니다(요소 개수 제한 없음).

 
  
   
  <br>     var arr = new Array(6); 
  <br>     arr[0] = "George"; 
  <br>     arr[1] = "John"; 
  <br>     arr[2] = "Thomas"; 
  <br>     arr[3] = "James"; 
  <br>     arr[4] = "Adrew"; 
  <br>     arr[5] = "Martin"; 
  <br>     document.write(arr + "<br/>"); 
  <br>     arr.splice(2,3,"William","JACK"); //                 (       )，  "William","JACK"     
  <br>  document.write(arr); 
  <br>   
  
 
 

결과 출력:
George,John,Thomas,James,Adrew,Martin
George,John,William,JACK,Martin