자바스크립트 - 배열의 함수를 사용해보자~!

안녕하세요

이번 시간에는 자바스크립트에서 배열의 함수를 사용한 예제를 볼까 합니다.

http://www.w3schools.com/ 에 들어가니 정말 많은 함수들이 있더군요

하지만 이번 예제에서는 10개 정도만 쓰겠습니다.

제가 예제에서 사용한 함수들은 아래와 같습니다.

 [1] join(str) : 배열 내 요소들을 구분문자 str로 연결하여 문자열을 반환
 [2] pop() : 배열 끝의 요소를 삭제
 [3] push(data) : 배열 끝에 요소(data)를 추가
 [4] shift() : 배열 선두의 요소를 삭제
 [5] unshift(data,..) : 배열 선두에 지정 요소를 추가
 [6] sort([func]) : 요소를 오름차순으로 정렬
 [7] reverse() : 역순으로 정렬(반전)
 [8] concat(arr) : 지정 배열을 현재의 배열에 추가
 [9] splice(start, len) : start위치에서 len만큼을 삭제
     splice(start, len, data, data...)
     :start위치에서 len만큼 삭제하고 date들을 추가
[10] slice(start [, end]) : start에서부터 end-1번째 요소들을 추출하여 배열객체를 반환

위의 사진은 결과 화면이고,

자 그럼 예제 바로 들어가봅니다~!!

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var obj=document.getElementById('demo');
var x=fruits.pop();;
var y=fruits.push("Kiwi"); // 배열 마지막에 추가
fruits.shift(); //배열 맨 앞의 요소를 제거
fruits.unshift("Lemon"); // 배열 맨 앞의 요소를 추가
var z=fruits.slice(0,3);
//splice()이용해서 "Apple"을 삭제해보세요.
fruits.splice(2,1);
var greenLine=["당산","합정","홍대입구","신촌"];
var goldLine=["여의도","노량진","동작","고속터미널"];
var line=greenLine.concat(goldLine);
line.sort();//오름차순으로 정렬
line.reverse(); //내림차순으로 정렬
var kor=[95,20,55,45,88,77,100];
kor.sort(); // sort()는 문자열을 기준으로 정렬함 "95" "20" "100".. 식으로
//오름차순으로 정렬
kor.sort(function(a,b){
 return a-b;
});
kor.sort(function(a,b){
 return b-a;
});