변수에는 한 개의 데이터만 저장된다
그러면 ..?
여러 개의 데이터를 하나의 곳에 저장하고자 한다면?
배열 객체를 생성
배열 객체를 생성하는 방법에는 이와같이 3가지가 있다
배열객체를 생성해보자
<script>
let arr = [82, "대한민국", true];
document.write("<h3>배열값 가져오기-1</h3>");
document.write(arr[0],"<br>");
document.write(arr[1], "<br>");
document.write(arr[2], "<br>");
document.write("<h3>배열값 가져오기-2</h3>");
for(let i =0; i<arr.length; i++) {
document.write(arr[i], "<br>");
}
document.write("<h3>배열값 가져오기-3</h3>");
for(i in arr) {
document.write(arr[i], "<br>");
}
</script>
배열 객체 메서드
join / concat / slice / sort / reverse
<script>
var arr_1 = ["사당", "교대", "방배", "강남"];
var arr_2 = ["신사", "압구정", "옥수"];
var result = arr_1.join("-"); //배열에 저장된 값을 지정한 문자로 연결해서 하나의 문자열을 반환한다
console.log(result); //사당-교대-방배-강남
result = arr_1.concat(arr_2); // 배열을 합치는 (한줄로)
console.log(result); //['사당', '교대', '방배', '강남', '신사', '압구정', '옥수']
result = arr_1.slice(1, 3); //인덱스 1번부터(2번째꺼부터겠지) 3번째 앞까지! 잘라라
console.log(result); // ['교대', '방배']
arr_1.sort( ); // 오름차순으로 출력
console.log(arr_1); // ['강남', '교대', '방배', '사당']
arr_2.reverse( ); //옥수 압구정 신사로 거꾸로 출력
console.log(arr_2); //['옥수', '압구정', '신사']
</script>
splice
<script> //배열 2개를 생성하고
var greenArr = ["교대", "방배", "강남"];
var yellowArr = ["미금","정자","수서"];
greenArr.splice(2, 1, "서초", "역삼"); // splice라는 메소드를 이용헤 인덱스2를 지정해 1개의 데이터를 삭제 :
// 2번 강남을 삭제한후,그런 다음 “서초”, “역삼”을 삽입합니다
console.log(greenArr); // = 교대, 방배, 서초, 역삼
pop / push / shift / unshift
<script> //배열 2개를 생성하고
var greenArr = ["교대", "방배", "강남"];
var yellowArr = ["미금","정자","수서"];
var data1 = yellowArr.pop( ); //pop : 배열 마지막 인덱스의 데이터를 마지막 데이터를 data1에 저장
console.log(data1); // = 수서
var data2 = yellowArr.shift( ); //shift : 배열 가장 앞쪽 인덱스의 데이터를 data2에 저장
console.log(data2); // = 미금
console.log(yellowArr); // = 정자
yellowArr.push(data2); //push : 마지막 인덱스에 밀어 넣음
console.log(yellowArr); // = 정자, 미금
yellowArr.unshift(data1); //unshift : 가장 앞쪽 인덱스에 밀어 넣음
console.log(yellowArr); // = 수서, 정자, 미금
</script>
