HTML/CSS/JAVASCRIPT 강의실

시삽: 레드플러스 님 
게시판 이동:
 제목 : Array객체의 주요 메서드 설명: join(), sort(), reverse(), concat(), slice()
글번호: 290
작성자: 레드플러스
작성일: 2015/04/14 오후 10:47:00
조회수: 2967
파일: JavaScript_Array_Methods.png (125 KB) / 전송수: 1494
JavaScript_Array_Methods.png
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8"/>
    <title>JavaScript_Array_Methods.html</title>
</head>
<body>
    <script>
        var arr = [30, 20, 10, 50, 40];

        // join()
        var varJoin = arr.join();
        document.write(varJoin + "<br />");
        varJoin = arr.join(";");
        document.write(varJoin + "<br />");

        // sort()
        var varSort = arr.sort();
        document.write(varSort + "<br />"); // 오름차순 정렬

        // reverse()
        var varReverse = arr.sort().reverse(); // 내림차순 정렬
        document.write(varReverse + "<br />");

        // concat()
        var colors = ["red", "green", "blue"];
        var otherColors = ["black", "yellow"];
        var moreColors = colors.concat(otherColors);
        document.write(moreColors + "<br />");

        // slice()
        var rgbColors = moreColors.slice(0, 2); // 0, 1
        document.write(rgbColors + "<br />");

        rgbColors = moreColors.slice(1, 4); // start <= slice < end
        document.write(rgbColors + "<br />"); // g, b, b
    </script>
</body>
</html>

 

 
이전 글   다음 글 삭제 수정 답변 글쓰기 리스트

(댓글을 남기려면 로그인이 필요합니다.)

관련 아티클 리스트
  제       목 파일 작성자 작성일 조회
이전글 15일차 강의내용 - 이벤트 및 이벤트 처리기 - 관리자 2001-01-30 6741
  15일차 강의내용 - 자바스크립트 내장객체 및 배열 - 관리자 2001-01-29 7305
  예제. 자바스크립트 내장 객체 : Date객체 자바스크립트내장객체(Date객체).jpg(87 KB) 레드플러스 2003-10-21 5375
  예제. 060. DATE객체_현재의시간을알아내는예제_오전오후처리 DATE객체_현재의시간을알아내는예제_오전오후처리.jpg(85 KB) 레드플러스 2003-10-21 6389
  JavaScript 현재 시간과 날짜 한줄로 표시 - 레드플러스 2014-04-05 9817
  예제. 자바스크립트 내장 객체 : Array객체 자바스크립트내장객체(Array객체).jpg(83 KB) 레드플러스 2003-10-21 5286
  예제. 자바스크립트에서 2차원 배열 표현하는 방법 JavaScriptArray.png(4 KB) 레드플러스 2008-11-13 9151
  Array 개체의 indexOf 메서드 사용 예제 JavaScript_Array_indexOf.png(191 KB) 레드플러스 2015-01-30 2712
  JavaScript 배열: length, push(), pop(), shift(), ... JavaScript_Array_Push_Shift_UnShift.png(89 KB) 레드플러스 2015-04-14 3206
현재글 Array객체의 주요 메서드 설명: join(), sort(), reverse(), ... JavaScript_Array_Methods.png(125 KB) 레드플러스 2015-04-14 2967
  예제. 자바스크립트내장객체(Array객체+Date객체;요일표시) 자바스크립트내장객체(Date객체요일표시).jpg(82 KB) 레드플러스 2003-10-21 6673
  예제. string 객체(문자열 관련 처리) string객체.jpg(128 KB) 레드플러스 2003-10-21 5065
  예제. string객체_charAt()_n번째문자검색.htm string객체_charAt()_n번째문자검색.jpg(84 KB) 레드플러스 2003-10-21 5367
  예제. string객체_indexOf()_문자열의위치검색 string객체_indexOf()_문자열의위치검색.jpg(85 KB) 레드플러스 2003-10-21 6364
  예제. string객체_length_문자열의길이 string객체_length_문자열의길이.jpg(80 KB) 레드플러스 2003-10-21 5760
  예제. string객체_substring()_문자열사이의문자검색 string객체_substring()_문자열사이의문자검색.jpg(87 KB) 레드플러스 2003-10-21 5888
  예제. string객체_toLowerCase()_대문자에서소문자로변환 string객체_toLowerCase()_대문자에서소문자로변환.jpg(88 KB) 레드플러스 2003-10-21 6834
  실습. 자바스크립트 내장객체(String객체) 자바스크립트내장객체(String객체).htm(1 KB) 레드플러스 2004-07-13 5162
  퀴즈. 자바스크립트 내장객체(String객체) - 레드플러스 2004-07-13 4948
다음글 14일차 강의내용 - 객체 - 관리자 2001-01-26 6219
 
손님 사용자 Anonymous (손님)
로그인 Home