<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JS04.배열객체.html</title>
<script>
//변수는 데이터를 하나만 저장하지만 배열은 여러 개의 데이터를 하나의 변수에 저장한다. 자바스크립트에서의 배열은 배열 객체를 생성하여 사용한다.
//var 변수 = new Array();
//변수[0] = 값1;
//var 변수 = new Array(값1, 값2, 값3);
//var 변수 = [ 값1, 값2, 값3 ]
var arr = [30, '따르릉', true]; //setter
document.write(arr[0]+"<br>"); //getter and print
document.write(arr[1]+"<br>");
document.write(arr[2]+"<br>");
for(var i=0; i<arr.length; i++) {
document.write(arr[i]+"<br>");
}
for(i in arr) { //arr 배열에서 배열 원소의 인덱스번호를 순차적으로 얻어와서 i 에 전달한다.
document.write(arr[i]+"<br>");
}
//배열 객체의 메서드
//push({ }): 배열 객체의 마지막 인덱스에 새 데이터를 추가한다.
//pop(): 배열에 저장된 데이터 중 마지막 인덱스에 저장된 데이터를 삭제한다.
//concat(): 2개의 배열 객체를 하나로 결합한다.
//slice(index1, index2): 배열의 원소 중 index1부터 index2까지 잘라서 배열 객체로 반환한다.
//splice(index1, index2): 배열위 원소 중 index1 번호에 해당하는 배열의 원소에서 index2의 개수만큼 삭제한다.
//join(): 배열 객체의 데이터를 연결하여 1개의 문자형 데이터로 반환한다.
var arr1 = ['사당', '교대', '방배', '강남'];
var arr2 = ['신사', '압구정', '옥수'];
//배열의 원소를 '-'로 연결하여 하나의 문자열을 반환한다.('사당-교대-방배-강남')
var result = arr1.join('-');
console.log(result);
//concat()는 2개의 배열을 하나의 배열로 만들어 반환한다.
result = arr1.concat(arr2);
console.log(result);
console.log(arr1);
arr1.sort(); //배열의 원소의 값을 오름차순 정렬한다.
console.log(arr1);
//arr1 배열에서 인덱스 번호가 2번인 배열의 원소에서 1개만 삭제하고 삭제한 자리에 '서초', '역삼'을 추가한다.
arr1.splice(2, 1, '서초', '역삼');
console.log(arr1);
//arr1 배열에 arr2 배열을 추가한다.
arr1.push(arr2);
console.log(arr1);
</script>
</head>
<body>
</body>
</html>