[자바 스크립트] 메소드 join, concat, reverse, Sort, slice, splice, forEach

 

 

join

배열에 저장된 모든 원소를 문자열로 변환한 후 연결하여 출력

 

<script>
    var city=["서울", "부산", "대전"]; 
    var joindata1=city.join();
    var joindata2=city.join('-');
    var joindata3=city.join(' 그리고 ');
    document.write("조인 결과1 : " + joindata1 + "<p/>");
    document.write("조인 결과2 : " + joindata2 + "<p/>");
    document.write("조인 결과3 : " + joindata3 + "<p/>");
</script>

 

 

concat

-지정된 배열에 두 개 이상의 데이터를 결합하거나 다른 배열 객체를 결합

<script>
    var city01=["서울", "부산", "대전"]; 
    var city02=["대구", "광주", "인천"]; 
    var city03=["전주", "부여", "세종"]; 
    var data1=city01.concat("수원", "오산");
    var data2=city01.concat(city02);
    var data3=city01.concat(city03, city02);
    document.write("결과1 : " + data1 + "<p/>");
    document.write("결과2 : " + data2 + "<p/>");
    document.write("결과3 : " + data3 + "<p/>");
</script>

 

 

 

reverse

 

-배열 원소의 순서를 반대로 정렬

<script>
    var data=[9, 8, 7, 6, 5, 4, 3, 2, 1]; 
    document.write("배열 : " + data.join() + "<p/>");
    var rdata=data.reverse();    // 배열 원소를 반대로 정렬 
    document.write("결과 : " + rdata + "<p/>");
</script>

 

 

sort

-배열 원소를 정렬

<script>
    var ndata1=[19, 38, 67, 26, 55, 24, 53, 12, 31]; 
    var ndata2=[132, 2, 41, 123, 45, 1234, 6, 29, 4567]; 
    var edata=['Apple', 'Html', 'Game', 'Computer', 'Java']; 
    var kdata=['서울', '부산', '구포', '대구', '인천']; 
    document.write("수치 정렬1 : " + ndata1.sort() + "<p/>");
    document.write("수치 정렬2 : " + ndata2.sort() + "<p/>");
    document.write("수치 정렬3 : " + ndata2.sort(function(a, b) {return a - b;}) + "<p/>");
    document.write("영문 정렬 : " + edata.sort() + "<p/>");
    document.write("한글 정렬 : " + kdata.sort() + "<p/>"); 
</script>

 

slice

-배열의 특정 범위에 속하는 원소만 선택하여 배열 생성

<script>
    var kdata=['서울', '부산', '구포', '대구', '인천', '대전', '세종']; 
    var str1=kdata.slice(0, 4);
    var str2=kdata.slice(2, -1);
    var str3=kdata.slice(-4, -2);
    document.write("부분 배열1 : " + str1 + "<p/>");
    document.write("부분 배열2 : " + str2 + "<p/>");
    document.write("부분 배열3 : " + str3 + "<p/>");
</script>

 

 

splice

-배열의 원소 추가 또는 제거

<script>
    var kdata=['서울', '부산', '구포', '대구', '대전']; 
    var str1=kdata.splice(1, 2);   
    document.write("삭제 데이터 : " + str1 + "<br>");
    document.write("남은 배열 : " + kdata + "<p/>");
    var str2=kdata.splice(1, 1, '강릉', '세종');   
    document.write("삭제 데이터 : " + str2 + "<br>");
    document.write("남은 배열 : " + kdata + "<p/>");
    var str3=kdata.splice(2, Number.MAX_VALUE);    
    document.write("삭제 데이터 : " + str3 + "<br>");
    document.write("남은 배열 : " + kdata + "<p/>");
</script>

 

 

forEach

-배열을 반복하며 저장된 데이터를 조회

<script>
    var kdata=['서울', '부산', '청주', '대구']; 
    function printArr(item, index) {
        document.write("배열 데이터 [" + index + "] : " + item + "<br>");
    }
    kdata.forEach(printArr);
</script>

 

<script>
    var data=[1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; 
    var sum=0;
    function addArr(value) {
        sum+=value;      
    }
    data.forEach(addArr);    
    document.write("배열 데이터 합 :" + sum + "<p/>");
</script>