JavaScript의 배열 메소드는 무엇입니까? 무슨 소용이 있나요?-JS 튜토리얼-php.cn

JavaScript의 배열 메소드는 무엇입니까? 무슨 소용이 있나요?

青灯夜游

풀어 주다： 2018-11-13 11:46:36

앞으로

3273명이 탐색했습니다.

이 글의 내용은 자바스크립트의 배열 메소드와 배열 메소드의 기능 및 사용법을 소개하는 것입니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다. [추천 관련 동영상 튜토리얼: JavaScript Tutorial]

1. 배열 생성 및 할당

배열 정의, 배열 할당

<script type="text/javascript">    
      //赋值的方法1:添加任意多的值
      var arr1 = new Array();
      arr1[0]='小胡子1';
      arr1[1]='中胡子1';
      arr1[2]='大胡子1';
      alert(arr1);        
      
      //赋值的方法2:使用一个整数自变量来控制数组的容量
        var arr2 = new Array(3);
      arr2[0]='小胡子2';
      arr2[1]='中胡子2';
      arr2[2]='大胡子2';
      alert(arr2);    
</script>

로그인 후 복사

2. 배열 메서드

연결 (): 두 개 이상의 배열을 연결하고 결과를 반환합니다.

<script type="text/javascript">    
        var arr1 = new Array();
        arr1[0]='小胡子1';
        arr1[1]='中胡子1';
        arr1[2]='大胡子1';        
            
        var arr2 = new Array();
        arr2[0]='小胡子2';
        arr2[1]='中胡子2';
        arr2[2]='大胡子2';   
                 
        var arrConcat = arr1.concat(arr2);
        alert(arrConcat);    
</script>

로그인 후 복사

join(): 배열의 모든 요소를 문자열에 넣습니다. 요소는 지정된 구분 기호로 구분됩니다.

    <script type="text/javascript">    
        var arr1 = new Array();
        arr1[0]='小胡子1';
        arr1[1]='中胡子1';
        arr1[2]='大胡子1';
        alert(arr1.join());    
   </script>

로그인 후 복사

pop(): 배열의 마지막 요소를 제거하고 반환합니다.

<script type="text/javascript">    
        var arr1 = new Array();
        arr1[0]='小胡子1';
        arr1[1]='中胡子1';
        arr1[2]='大胡子1';
        alert(arr1);
        alert(arr1.pop());
        alert(arr1);    
</script>

로그인 후 복사

push(): 배열 끝에 하나 이상의 요소를 추가하고 새 요소를 반환합니다. 길이 .

<script type="text/javascript">    
        var arr1 = new Array();
        arr1[0]='小胡子1';
        arr1[1]='中胡子1';
        arr1[2]='大胡子1';
        alert(arr1);
        alert(arr1.push("特大胡子1"));
        alert(arr1);    
</script>

로그인 후 복사

reverse(): 배열 요소의 순서를 반대로 바꿉니다.

<script type="text/javascript">    
        var arr1 = new Array();
            arr1[0] = 'F';
            arr1[1] = 'A';
            arr1[2] = 'C';
            alert(arr1);
            alert(arr1.reverse());    
</script>

로그인 후 복사

shift(): 배열의 첫 번째 요소를 삭제하고 반환합니다.

<script type="text/javascript">
            var arr1 = new Array();
            arr1[0] = '小胡子1';
            arr1[1] = '中胡子1';
            arr1[2] = '大胡子1';
            alert(arr1);
            alert(arr1.shift());
            alert(arr1);        
</script>

로그인 후 복사

slice(): 기존 배열에서 선택한 요소를 반환합니다.

<script type="text/javascript">
            var arr1 = new Array();
            arr1[0] = '小胡子0';
            arr1[1] = '小胡子1';
            arr1[2] = '小胡子2';
            arr1[3] = '小胡子3';
            arr1[4] = '小胡子4';
            alert(arr1);
            alert(arr1.slice(1,3));        
</script>

로그인 후 복사

sort(): 배열 요소 정렬

<script type="text/javascript">
            var arr1 = new Array();
            arr1[0] = 'F';
            arr1[1] = 'A';
            arr1[2] = 'C';
            alert(arr1);
            alert(arr1.sort());        
</script>

로그인 후 복사

splice(): 요소를 삭제하고 배열에 새 요소를 추가합니다.

<script type="text/javascript">
            var arr1 = new Array();
            arr1[0] = '小胡子0';
            arr1[1] = '小胡子1';
            arr1[2] = '小胡子2';
            arr1[3] = '小胡子3';
            arr1[4] = '小胡子4';
            alert(arr1);
            arr1.splice(2, 1, '新胡子');
            alert(arr1);        
</script>

로그인 후 복사

toString(): 배열을 문자열로 변환하고 결과를 반환합니다. 배열의 요소는 쉼표로 구분됩니다.

<script type="text/javascript">
            var arr1 = new Array();
            arr1[0] = '小胡子0';
            arr1[1] = '小胡子1';
            arr1[2] = '小胡子2';
            arr1[3] = '小胡子3';
            arr1[4] = '小胡子4';
            alert(arr1.toString());  
</script>

로그인 후 복사

toLocaleString(): 배열을 로컬 배열로 변환하고 결과를 반환합니다. 그런 다음 결과 문자열은 로케일별 구분 기호를 사용하여 연결되어 단일 문자열을 형성합니다.

참고: 여기의 구분 기호는 더 이상 단일 영어 쉼표

<script type="text/javascript">
            var arr1 = new Array();
            arr1[0] = '小胡子0';
            arr1[1] = '小胡子1';
            arr1[2] = '小胡子2';
            arr1[3] = '小胡子3';
            arr1[4] = '小胡子4';
            alert(arr1.toLocaleString());  
</script>

로그인 후 복사

unshift(): 배열 시작 부분에 하나 이상의 요소를 추가하고 새 길이를 반환합니다.

<script type="text/javascript">
                var arr1 = new Array();
                arr1[0] = '小胡子1';
                arr1[1] = '中胡子1';
                arr1[2] = '大胡子1';
                alert(arr1);
                alert(arr1.unshift('小孩子'));
                alert(arr1);        
</script>

로그인 후 복사