9. 배열 array
: 다양한 데이터 타입의 값 저장 가능
1) 배열 생성
#1. 배열 객체 생성
var 참조변수명 = new Array();
변수명[0] = 값;
#2. 배열 객체 생성 + 초기값
var 참조변수명 = new Array(값1, 값2, 값3,....);
#3. *배열 리털로 생성
var 참조변수명 = []; // 빈 배열
var 참조변수명 = [값, 값2, .....];
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
//배열 #1
var arr1 = new Array();
arr1[0] = 10;
arr1[1] = "abc";
arr1[2] = true;
console.log(arr1);
//#2
var arr2 = new Array(10, 'abcd', false);
console.log(arr2);
arr2[0]= 200;
console.log(arr2);
//#3
var arr3 = [];
console.log(arr3);
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
var arr = [100, "abc", true];
arr[3] = -20;
console.log(arr);
arr[5] = 1000; //arr[4] 에는 empty가 생김
console.log(arr); //[100, 'abc', true, -20, empty, 1000]
// 배열의 길이
console.log(arr.length); // 6
//데이터 배열 맨 뒤에 추가 : push()
arr.push(2000);
console.log(arr); //[100, 'abc', true, -20, empty, 1000, 2000]
//데이터 배열 맨 앞에 추가 : unshift()
arr.unshift(2000);
console.log(arr); //[2000, 100, 'abc', true, -20, empty, 1000, 2000]
// 배열 마지막 데이터값 꺼내서 리턴하고 배열에서는 삭제 : pop()
console.log("pop() : " + arr.pop()); //pop() : 2000
console.log(arr); //[2000, 100, 'abc', true, -20, empty, 1000]
// 배열 앞 데이터값 꺼내서 리턴하고 배열에서는 삭제 : shift()
console.log("shift() : " + arr.shift()); //shift() : 2000
console.log(arr); //[100, 'abc', true, -20, empty, 1000]
// 연결문자 삽입 : join("연결문자")
var res = arr.join("-")
console.log(res); //100-abc-true
// 배열 결합 : concat(배열)
// 베열잘라내기 : slice(startIndex, endIndex)
res = arr.slice(0,2);
console.log(res); //[100,'abc']
var arr2 = ["bb", "BB", "aa", "AA", 7,2 ,"하늘소","아메라카노", true]
// 오름차순 정렬 : sort()
res = arr2.sort();
console.log(res); //[2,7,"AA", "BB","aa","bb",true, "아메리카노", "하늘소]
// 배열 역순 : reverse()
res = res.reverse();
console.log(res); // ['하늘소', '아메라카노', true, 'bb', 'aa', 'BB', 'AA', 7, 2]
</script>
</body>
</html>'P-Language > [Javascript]' 카테고리의 다른 글
| [Javascript] 12. 자바스크립트 변수 선언 방식 (0) | 2022.06.08 |
|---|---|
| [Javascript] 11. 함수 리터럴(function literal)과 익명 함수(anonymous function) (0) | 2022.06.08 |
| [Javascript] 10 - 함수 function (0) | 2022.06.08 |
| [Javascript] 7 - 입력문과 8. 제어문 (0) | 2022.06.08 |
| [Javascript] 변수, 데이터타입, 형변환 (0) | 2022.06.07 |