[JS] 자바스크립트 언어 기본 - 섹션 8 배열

황은하·2021년 11월 9일
0

JS

목록 보기
10/19

배열의 문법

array

연관된 데이터를 모아 통으로 관리하기 위해 사용하는 데이터 타입
변수 - 데이터를 담아내는 그릇. 하나의 그릇에 하나의 데이터 넣는다.
배열 - 하나의 그릇에 여러 데이터를 넣는다.

배열의 생성

var member = ['egoing', 'k8805', 'sorialgi']
alert(member[0]);
alert(member[1]);
alert(member[2]);

색인 = index = 0, 1, 2
-> 특정 정보를 찾아낸다.
1이 아닌 0부터 시작.


배열의 효용성

여러 입력 & 하나의 출력

function get_member() {
  return ['eunha', 'dayeon'];
}
var members = get_member();

배열의 사용 - 배열과 반복문

배열 + 반복문 = ❤

function get_members(){
    return ['egoing', 'k8805', 'sorialgi'];
}
members = get_members();
// members.length는 배열에 담긴 값의 숫자를 알려준다. 
for(i = 0; i < members.length; i++){
    // members[i].toUpperCase()는 members[i]에 담긴 문자를 대문자로 변환해준다.
    document.write(members[i].toUpperCase());   // 내장함수
    document.write('<br />');
}

배열의 조작 - 추가

배열의 크기

배열명.length()

추가

배열명.push('f');
-> 배열의 맨 뒤에 추가

배열명.unshift('z');
-> 배열의 맨 앞에 추가

배열명.splice(index, howmany, element1, ... ,elementN)
-> 배열의 중간에 추가
howmany -> 해당 인덱스에서부터 제거될 원소의 수

var a = ['a', 'b', 'c'];
ex) a.splice(1, 0, 'd'); // 1번 인덱스에 d를 넣고 b와 c는 뒤로 밀어버린다.
ex) a.splice(1, 1, 'x', 'y'); // 1번 인덱스에 1개 지우고 거기에 x와 y를 넣는다. c는 밀어버린다.


배열의 조작 - 제거, 정렬

제거

배열명.shift();
-> 배열의 맨 앞 제거

배열명.pop();
-> 배열의 맨 뒤 제거

정렬

배열명.sort();
-> 정렬

배열명.reverse();
-> 거꾸로 정렬

profile
차근차근 하나씩

0개의 댓글