[TIL]왕초보탈출기#9 배열

BINGBING🐨·2021년 4월 29일
0

Javascript

목록 보기
9/21
post-thumbnail

배열

연관된 데이터를 모아 통으로 관리하기 위한 데이터 타입. 여러개의 데이터를 하나의 변수에 저장하기 위함

var member = ['egoing', 'k8805', 'sorialgi']
``` /*member라는 변수에 대괄호로 서로 연관되어 있는 데이터(원소:element)를 담는다.
순서대로 index(색인)값이 부여되는데 위의 배열에서는 'egoing'은 index 0, 'k8805'는 1, 'sorialgi'는 2 이다.*/

배열의 효용

<!DOCTYPE html>
<html>
    <head>
        <title></title>
    </head>
    <body>
        <script type="text/javascript">
      function get_members(){
          return ['egoing', 'k8805', 'sorialgi']; //배열
      }
      var members = get_members(); //호출
      document.write(members[0]);// egoing 출력
      document.write(members[1]);// k8805 출력
      document.write(members[2]);// sorialgi 출력

      </script>
    </body>
</html>

데이터의 추가

.push | 배열에 데이터 추가
.unshift | 배열 맨 앞에 데이터 추가
.splice | 배열을 추출하거나 추가

 /*push*/
var li = ['a','b']
li.push('f');

li ['a','b','f']

/*unshift*/
var li = ['a','b']
li.unshift('f');

li ['f','a','b']

/*splice*/
/* arry.splice(index,howmany,elementN); */

/*splice 데이터 추출*/
var li = ['a','b']
li.splice (1,0,'f'); // 배열의 1번째 데이터를 앞에 0 기능으로 'f'를 추가한다.
li['a','f','b']

/*splice 데이터 변경*/
var li = ['a','b']
li.splice (1,1,'f'); // 배열의 1번째 데이터를 삭제하고 그 자리에 'f'로 변경한다.
li[,'a','f']

splice기능의 설명은 의도하지 않았지만 유희왕듀얼 같다..ㅋ

제거

.shift| 배열의 맨 앞에 있는 데이터를 제거한다.
.pop | 배열의 맨 뒤에 있는 데이터를 제거한다.

정렬

렬정! 렬정! 렬정!

 /*sort*/
var li = ['b','a']
li.sort();
li = ['a','b'] //알바벳 순서로 정렬된다.

li.reverse();
li = ['b','a'] //알바벳 반대 순서로 정렬된다.

그 외 sort function을 참고해 다양한 정렬방법을 사용할 수 있다.

profile
iOS Developer

0개의 댓글