📌
Javascript 생활코딩
  • 자바스크립트
  • 자바스크립트 기본
    • 숫자와 문자
    • 변수
    • 주석, 줄바꿈과 여백
    • 조건문 - 기본
    • 조건문 - 비교연산자
    • 조건문 - 논리연산자
    • 조건문 - boolean의 대체재
    • 반복문 - 기본 (while,for)
    • 반복문 - 제어(break, continue)
    • 반복문 - 중첩
    • 함수
    • 배열 - 기본
    • 배열 - 조작, 제거 및 정렬 메서드
    • 객체 - 기본
    • 객체 - 반복문
    • 모듈
    • UI와 API 그리고 문서보는 법
    • 정규표현식
  • 함수지향
    • 유효범위
    • 값으로서의 함수와 콜백
    • 클로저
    • arguments
    • 함수의 호출
  • 객체지향
    • 객체지향 프로그래밍
    • 생성자와 new
    • 전역객체
    • this
    • 상속
    • prototype
    • 표준 내장 객체의 확장
    • Object
    • 데이터 타입
    • 참조
  • 패턴
    • 재귀함수
Powered by GitBook
On this page
  • 배열
  • 배열의 생성
  • 배열의 효용
  • 배열의 사용

Was this helpful?

  1. 자바스크립트 기본

배열 - 기본

배열(array)이란 연관된 데이터를 모아서 통으로 관리하기 위해서 사용하는 데이터 타입 입니다. 변수가 하나의 데이터를 저장하기 위한 것이라면 배열은 여러 개의 데이터를 하나의 변수에 저장하기 위한 것이라고 할 수 있습니다.

배열

변수 name에는 문자 egoing이 할당되었습니다. 이제부터 name을 호출하면 문자 egoing을 사용할 수 있습니다.

var name = 'egoing'
alert(name);

배열의 생성

여러 개의 데이터를 하나의 변수에 담아서 관리할 수 있는 방법: 배열

대괄호([])는 배열을 만드는 기호입니다. 대괄호 안에 데이터를 콤마(,)로 구분해서 나열하면 배열이 됩니다.

var member = ['egoing', 'k8805', 'sorialgi']

하나의 변수에 3개의 데이터를 담았습니다. 각각의 데이터를 원소(Element)이라고 부릅니다.

이 데이터를 꺼내오려면 어떻게 해야 할까?

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

즉 배열에 담겨있는 값을 가져올 때는 대괄호 안에 숫자를 넣고 이 숫자를 색인(index)라고 부르고 0부터 시작합니다. 즉 첫번째 원소(egoing)를 가져오려면 대괄호 안에 0을 넣어주어야 한다는 것입니다. 두번째는 1, 세번째는 2를 입력합니다. 이 값을 이용해서 배열에 저정된 값을 가져올 수 있습니다.

배열의 효용

그렇다면 배열이 없다면 어떻게 될까요? 예를 들어 맴버의 이름을 제공하는 함수를 제공해야 한다고 해봅시다. 그런데 함수는 하나의 값만을 반환(return) 할 수 있습니다.

function get_member1(){
    return 'egoing';
}
document.write(get_member1());
 
function get_member2(){
    return 'k8805';
}
document.write(get_member2());
 
 
function get_member3(){
    return 'sorialgi'
}
document.write(get_member3());
function get_members(){
    return ['egoing', 'k8805', 'sorialgi'];
}
var members = get_members();
document.write(members[0]);
document.write(members[1]);
document.write(members[2]);

맴버를 담고 있는 배열를 반환하고 있습니다. 간단하지 않나요?

배열의 사용

배열의 진가는 반복문과 결합했을 때 나타납니다. 반복문으로 리스트에 담긴 정보를 하나씩 꺼내서 처리 할 수 있기 때문입니다.

function get_members(){
    return ['egoing', 'k8805', 'sorialgi'];
}
members = get_members();
// members.length는 배열에 담긴 값의 숫자를 알려준다.(a.length _ 미리 준비된 형태(변수)
for(i = 0; i < members.length; i++){
    //0의 값이 i에 대입되는 데 0은 1씩 증가되고 members.length보다 작다.
    //length : 가변적으로 변하는 값
    // members[i].toUpperCase()는 members[i]에 담긴 문자를 대문자로 변환해준다.
    document.write(members[i].toUpperCase());   
    document.write('<br />');
}
/*
egoing
k8805
sorialgi
*/

위의 예제에서 주목해야 할 것은 반복문과 배열을 결합한 부분입니다. 반복문을 이용해서 배열 members의 내용을 하나씩 꺼낸 후에 이름의 첫글자를 대문자로 변경한 후에 출력하고 있습니다.

정리하면, 배열이란 연관된 정보를 하나의 그룹으로 관리하기 위해서 사용합니다. 그리고 그 정보를 처리 할 때는 반복문을 이용합니다.

Previous함수Next배열 - 조작, 제거 및 정렬 메서드

Last updated 4 years ago

Was this helpful?