변수
: 변하는 수
변수 선언
var 변수이름 = 초기값;
- 초기값은 없어도 가능
- 문자, 문자열도 넣을 수 있음
boolean
: true or false 두 가지 값만 가짐
undefined
: 변수를 선언했으나 값을 지정하지 않은 것
null
: 값이 유효하지 않은 것
typeof(변수 이름)
: 해당 변수의 자료형을 알려주는 함수
var num = 1;
var name = "나디아";
var man = true;
var age;
doucument.write(typeof(num)); // number
doucument.write(typeof(name)); // string
doucument.write(typeof(man)); // boolean
doucument.write(typeof(age)); // undefined
배열 (array)
: 하나의 변수에 여러 값을 저장할 수 있는 공간
사용법
배열이름 = [값];
var a = [];
var b = ['a', 'b', 'c'];
var c = ["hello", "world"];
인덱스 (index)
: (배열에서) 각각의 값들에 접근할 수 있는 방법, 값의 위치
사용법
변수이름[인덱스값];
* 인덱스는 0부터 시작!
var arr = ['a', 'b', 'c', 'd']; // 0번째 = a, 1번째 = b ...
console.log(arr[0]); // a
console.log(arr[3]); // d
이중 배열
: 배열 안의 배열
사용법
배열이름 = [값, 값2, [값3, 값4]];
이중배열 접근법
배열이름[전체 배열의 인덱스][이중배열 내 인덱스]
var arr = ['a', 'b', 'c', ['d', 'e']]; // 배열의 크기는 4
// 0, 1, 2, 3-0, 3-1
console.log(arr[2]); // c
console.log(arr[3][0]); // d
console.log(arr[3][1]); // e
배열 함수
push
: 이미 선언한 배열에 값을 추가
사용법
배열.push(추가할 값);
- 배열 맨 마지막에 추가됨!
- 값 여러 개도 추가 가능
var a = [1, 2, 3, 'a', 'b'];
console.log(arr[1]); // 2
a.push('c'); // 배열 a에 'c' 추가
console.log(a); // 배열 a 출력
//출력 결과
(7) [1, 2, 3, 'a', 'b', 'c']
pop 함수
: 배열에서 값 제거
사용법
배열이름.pop();
배열의 마지막 값을 변수에 저장하는 법
변수이름 = 배열.pop();
- 배열 맨 마지막 값이 제거됨
- 하나씩만 제거 가능
var a = [1, 2, 3, 'a', 'b'];
console.log(a);
// 출력 결과
(5) [1, 2, 3, 'a', 'b'] // 기존 값
a.pop(); // 배열 마지막 값 제거하기
console.log(a); // 콘솔창에 출력
//출력 결과
(4) [1, 2, 3, 'a']; // 제거됨
value = a.pop(); // 변수 value에 배열 a의 마지막 값을 저장
console.log(value);
// 출력 결과
b
reverse 함수
: 배열의 순서를 뒤집음
사용법
배열이름.reverse();
- 새로 만드는게 아니라 기존의 배열의 순서만 바꾸는 것임
var a = [1, 2, 3, 'a', 'b'];
console.log(a);
// 출력 결과
(5) [1, 2, 3, 'a', 'b']
a.reverse();
console.log(a);
// 출력 결과
(5) ['b', 'a', 3, 2, 1]
slice 함수
: 기존 배열의 특정 값들을 잘라서 새로운 배열로 만드는 함수
사용법
배열.slice(시작 인덱스, 끝 인덱스);
* 끝 인덱스의 바로 앞까지 잘림!
var a = [1, 2, 3, 'a', 'b'];
console.log(a);
// 출력 결과
(5) [1, 2, 3, 'a', 'b']
b = a.slice(2, 4); // 2번째 인덱스인 3부터 4번째 인덱스 b의 앞인 a까지만 출력, 변수 b에 저장
// 출력 결과
(2) [3, 'a']
splice 함수
: 배열의 값을 다른 값으로 대체하거나 새로운 값을 삽입
사용법
배열이름.splice(시작 인덱스, 지울 갯수, 그 자리에 추가할 값);
- 새로 추가할 값은 지운 자리에 추가하는 것임!
var a = [1, 2, 3, 'a', 'b'];
console.log(a);
// 출력 결과
(5) [1, 2, 3, 'a', 'b'];
a.splice(2, 1, 'c'); // 2번째 인덱스에서 1개의 값을 지우고 그 자리에 c를 삽입해라
console.log(a);
// 출력 결과
(5) [1, 2, 'c', 'a', 'b'];
a.splice(2, 0, 'c', 'd'); // 2번째 인덱스에서 0개의 값을 지우고 그 자리에 c와 d를 삽입해라
console.log(a);
// 출력 결과
(7) [1, 2, 'c', 'd', 3, 'a', 'b']; // 값을 안 지웠으면 해당 인덱스(3) 앞에 새 값을 추가함