반응형
코드 예제를 통해 바로 이해해보자
코드>>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var a_var = [1,2,3,4,5]
a_var.push(6);
console.log("a_var : ")
console.log(a_var);
var b_var = [1,2,3,4,5]
b_var.concat([6,7]);
console.log("b_var : ")
console.log(b_var);
var c_var = [1,2,3,4,5]
c_var.unshift(0);
console.log("c_var : ")
console.log(c_var);
var d_var = [1,2,3,4,5]
d_var.splice(3,0,3.1,3.2);
console.log("d_var : ")
console.log(d_var);
var e_var = [1,2,3,4,5]
e_var.pop();
console.log("e_var : ")
console.log(e_var);
var f_var = [1,2,3,4,5]
f_var.shift();
console.log("f_var : ")
console.log(f_var);
var g_var = [1,5,3,4,2]
g_var.sort();
console.log("g_var : ")
console.log(g_var);
var h_var = [1,2,3,4,5]
h_var.reverse();
console.log("h_var : ")
console.log(h_var);
</script>
</body>
</html>
결과>>
주석>>
push 는 배열 마지막에 추가해준다.
concat은 배열 마지막에 여러값을 추가해준다.
unshift는 배열 앞에 추가해준다.
splice는 원하는 인덱스 위치에 여러 값을 넣어준다.
pop은 배열 마지막 값을 빼준다.
shift는 배열 앞의 값을 빼준다.
sort는 숫자나 string을 정렬해준다.
reverse는 역순으로 정렬해준다.
반응형
'웹관련프로그래밍(web programming) > Javascript 자바스크립트' 카테고리의 다른 글
javascript css html head에서 정의(선언) (0) | 2020.12.24 |
---|---|
javascript 객체지향 (0) | 2020.12.21 |
javascript breakpoint 디버깅 방법 (0) | 2020.12.20 |
javascript documnet write 란 (0) | 2020.12.20 |
javascript prompt 로 입력값 받기 (0) | 2020.12.19 |