<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="icon" href="data:;base64,iVBORw0KGgo=">
<script type="text/javascript">
var arr1 = [10,20];
console.log( arr1.length ); // 2
console.log( arr1 ); // [10,20]
// 뒤에 하나의 요소를 추가
arr1[2] = 30;
console.log( arr1.length ); // 3
console.log( arr1 ); // [10,20,30]
arr1[4] = 50;
console.log( arr1.length ); // 5
console.log( arr1 ); // [10,20,30,empty,50], 콘솔에서는 undefined는 empty로 표시
console.log( arr1[3] ); // undefined
arr1[arr1.length] = 60; // 가장 뒤에 요소 추가
console.log(arr1.join()); // join() : 배열의 모든 요소를 연결 하나의 문자열로 만듦
// 10,20,30,,50,60
arr1[3] = 30; // 특정 요소의 값 변경
console.log(arr1.join());
// push() : 가장 뒤에 새로운 요소 추가
var arr2 = [10,20];
arr2.push(30); // 뒤에 새로운 요소를 하나 이상 추가하고 길이 반환
console.log(arr2.join()); // 10,20,30
arr2.push(40, 50);
console.log(arr2.join()); // 10,20,30,40,50
// unshift() : 가장 앞에 새로운 요소 추가
var arr3 = [30,40];
var len = arr3.unshift(10, 20); // 맨 앞에 새로운 요소를 하나 이상 추가하고 길이 반환
console.log("길이:" + len);
console.log(arr3.join());
</script>
</head>
<body>
<h3>배열 - 요소 추가(가장 앞, 가장 뒤)</h3>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="icon" href="data:;base64,iVBORw0KGgo=">
<script type="text/javascript">
var arr1 = [10,20,30];
/*
- splice(start [, deleteCount[, item1, item2]])
start : 변경을 시작할 배열 위치
deleteCount : start 부터 deleteCount 개수만큼 원소 삭제
item1, item2, ... : start 인덱스에 item을 추가
*/
// 가장 앞에 추가
arr1.splice(0, 0, 'a', 'b');
console.log(arr1.join()); // a,b,10,20,30
// 뒤에 추가
var arr2 = [10,20,30];
arr2.splice(arr2.length, 0, 'a', 'b');
console.log(arr2.join()); // 10,20,30,a,b
// 중간에 추가
var arr3 = [10,20,30];
arr3.splice(1, 0, 'a', 'b');
console.log(arr3.join()); // 10,a,b,20,30
// 삭제하고 추가
var arr4 = [10,20,30,40,50];
arr4.splice(1, 2, 'a', 'b');
console.log(arr4.join()); // 10,a,b,40,50
</script>
</head>
<body>
<h3>배열 : 요소 추가(중간)</h3>
</body>
</html>
3. delete() 첨자에 해당되는 요소를 삭제하고, 그 첨자에 공간에는 undefined를 할당. 길이는 줄어들지 않는다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="icon" href="data:;base64,iVBORw0KGgo=">
<script type="text/javascript">
var arr1 = [10,20,30,40,50];
console.log(arr1.join());
// length 속성을 이용한 마지막 요소 삭제
arr1.length = arr1.length - 1;
console.log(arr1.join());
//length 속성을 이용한 모든 요소 삭제
arr1.length = 0;
console.log(arr1.length);
console.log(arr1.join());
// pop() 메소드를 이용한 마지막 요소 삭제
var arr2 = [10,20,30,40,50];
var a = arr2.pop(); // 마지막 요소를 삭제하고 삭제된 요소를 반환 길이도 줄어듬
console.log(arr2.length); // 4
console.log(arr2.join()); // 10,20,30,40
console.log(a); // 50
// shift() 메소드를 이용한 처음 요소 삭제
var arr3 = [10,20,30,40,50];
var b = arr3.shift(); // 처음 요소를 삭제하고 삭제된 요소를 반환. 길이도 줄어듬
console.log( arr3.length ); // 4
console.log( arr3.join() ); // 20, 30, 40,50
console.log(b); // 10
// delete() 메소드를 이용한 요소 값 없애기
var arr4 = [10,20,30,40,50];
delete(arr4[1]); // arr4[1]의 요소의 값을 없애고 undefined를 할당. 배열의 길이는 줄지 않음
console.log(arr4.length);
console.log(arr4[1]); // undefined
</script>
</head>
<body>
<h3>배열 - 삭제</h3>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="icon" href="data:;base64,iVBORw0KGgo=">
<script type="text/javascript">
var now = new Date();
var y = now.getFullYear(); // 년도
var m = now.getMonth() + 1; // 월(getMonth() : 0~11)
var d = now.getDate(); // 일자
var w = now.getDay(); // 요일(0(일)~6(토))
var hr = now.getHours();
var mn = now.getMinutes();
var sc = now.getSeconds();
var ms = now.getTime(); // 1970-01-01 00:00:00 부터 경과 시간 (단위 : ms)
var s = y + '-' + m + '-' + d + ' ' + hr + ":" + mn + ":" + sc;
console.log(s, w);
console.log(ms);
</script>
</head>
<body>
<h3>내장객체 - Date</h3>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="icon" href="data:;base64,iVBORw0KGgo=">
<script type="text/javascript">
var y, m, d, s;
var date;
// 2021-12-25 로 Date() 객체 생성
// date = new Date(); // 현재 컴퓨터시스템의 날짜로 객체 생성
date = new Date(2021, 12-1, 25);
y = date.getFullYear();
m = date.getMonth() + 1;
d = date.getDate();
s = y + "-" + m + "-" + d;
console.log(s);
// 2021-09-31 로 Date() 객체 생성 - 9월 31일은 10월 1일로 설정
date = new Date(2021, 9-1, 31);
y = date.getFullYear();
m = date.getMonth() + 1;
d = date.getDate();
s = y + "-" + m + "-" + d;
console.log(s);
// 날짜를 50일로 설정
date.setDate(50);
y = date.getFullYear();
m = date.getMonth() + 1;
d = date.getDate();
s = y + "-" + m + "-" + d; // 2021-11-19
console.log(s);
</script>
</head>
<body>
<h3>내장객체 - Date</h3>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="icon" href="data:;base64,iVBORw0KGgo=">
<script type="text/javascript">
// ---------------------------
// 함수 선언문 방식으로 함수 만들기
function sub1(x, y) {
var s = x + y;
return s;
}
// 함수 호출
var result;
result = sub1(10, 5);
console.log(result);
//---------------------------
// 함수 표현식 방법으로 함수 만들기
var sub2 = function(x, y) { // 익명 함수
return x * y;
}
var multiply = sub2;
result = sub2(10, 5);
console.log(result);
result = multiply(3, 5);
console.log(result);
//---------------------------
// 기명 함수 표현식 방법으로 함수 만들기
var sub3 = function add(x, y) {
return x + y;
};
console.log(sub3(15, 5));
// console.log(add(15, 5)); // Error -> add is not defined
// 함수 표현식에서 사용한 함수 이름은 외부 코드에서 접근 불가
// 기명 함수 표현식을 이용한 재귀호출
var sub4 = function sum(n) {
return n > 1 ? n+ sum(n-1) : n;
}
console.log(sub4(10)); // 55
//---------------------------
// Function() 생성자를 이용한 함수 만들기
var sub5 = new Function('x', 'y', 'return x+y;');
console.log( sub5(7,8) ); //15
//---------------------------
// 즉시 실행 함수 - 정의함과 동시에 함수를 바로 실행
var a = (function(a, b) {
return a+b;
})(5, 7);
console.log(a);
(function(a, b){
var c = a + b;
console.log(c);
})(3, 5);
</script>
</head>
<body>
<h3> 함수</h3>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="icon" href="data:;base64,iVBORw0KGgo=">
<script type="text/javascript">
function fun(x) { // 외부함수
var n = 10;
// 내부함수(closure)
function sub(y) {
return n+x+y; // 외부 함수의 변수나 인수 접근 가능
}
return sub(3); // 외부 함수에서 내부 함수 접근
}
console.log( fun(2)); // 15
// ------------------------
function fun2(x) {
function sub2(y) {
return x + y;
}
return sub2;
}
var f = fun2(2); // 함수 객체를 반환
var n = f(3);
console.log(n); // 5
n = fun2(10)(5);
console.log(n); // 15
</script>
</head>
<body>
<h3>함수 - closures : 함수 내부에 작성된 함수</h3>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="icon" href="data:;base64,iVBORw0KGgo=">
<script type="text/javascript">
var seq = function() {
var n = 0;
return function() {
return ++n;
}
}
var fn = seq();
console.log( fn() ); // 1
console.log( fn() ); // 2
console.log( fn() ); // 3
</script>
</head>
<body>
<h3>함수 - closures : 함수 내부에 작성된 함수</h3>
</body>
</html>
