DAY6) 배열 (1)

☀️ 배열

배열(array)이란 연관된 데이터를 모아서 통으로 관리하기 위해서 사용하는 데이터 타입이다

☀️ 배열의 생성

여러개의 데이터를 하나의 변수에 담아 관리할수 있다.

원소 : 각각의 데이터(ex, 'egoing', 'k8805', 'sorialgi')
색인(=index) : 0,1,2

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


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


alert(member);
-> egoing,k8805,sorialgi 가 출력됨 

☀️ 배열의 효용

배열을 사용하지 않음

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]);

☀️ 배열과 반복문의 조우

✅ .toUpperCase

소문자->대문자로 변환

✅ "
"

줄바꿈

function get_members(){
    return ['egoing', 'k8805', 'sorialgi'];
}

members = get_members();
// members.length는 배열에 담긴 값의 숫자를 알려준다.

document.write(members[0].toUpperCase()+"<br />");
document.write(members[1].toUpperCase()+"<br />");
document.write(members[2].toUpperCase()+"<br />");

-> 
EGOING
K8805
SORIALGI 
라고 출력 됨 

✅ a.length

배열의 크기

var a = [1, 2, 3, 4, 5];
alert(a.length);

-> 5라고 출력 됨 (1,2,3,4,5 로 총 5개 이므로)

• 범위

-> 원소에 AAA를 추가하여도 반복문에서 i는 3보다 작기 때문에 출력 될 수 없다.

function get_members(){
    return ['egoing', 'k8805', 'sorialgi','AAA'];
}

members = get_members();
// members.length는 배열에 담긴 값의 숫자를 알려준다.

for(var i=0; i<3; i++) {
 document.write(members[i].toUpperCase()+"<br />");

}

-> 범위를 member.length로 바꿨기 때문에 원소의 값이 늘어나거나 줄어들어도
배열의 수 만큼 출력된다

function get_members(){
    return ['egoing', 'k8805', 'sorialgi','AAA' ];
}

members = get_members();
// members.length는 배열에 담긴 값의 숫자를 알려준다.

for(var i=0; i<members.length; i++) {
 document.write(members[i].toUpperCase()+"<br />");

}