본문 바로가기

개발자노트/웹

HTML 배열과 관련 배열함수

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>배열</title>
</head>
<body>

<script type="text/javascript">
	var arr=new Array(1,2,3,4);
	console.log(arr);
	console.log(arr[0]);
	console.log(arr.length);
	arr.sort(); // 정렬
	arr.pop(); // 배열의 맨 끝 값을 제거하고, 제거된 요소를 반환
	arr.shift(); // 배열의 맨 첫에 값을 제거하고, 제거된 요소를 반환
	arr.unshift(); // 배열의 맨 앞에 값을 추가하고, 새로운 길이를 반환
	arr.push(); // 배열의 끝에 하나 이상의 요소를 추가하고, 배열의 길이를 반환
	arr.slice(1,3); // 데이터를 잘라서 보여줘라 1~3까지
	
</script>

</body>
</html>

 

 

메서드명 기능 반환값
arr.sort() 배열의 요소를 적절한 위치에 정렬 정렬된 배열을 반환
arr.pop() 배열의 맨 끝 값을 제거 제거된 요소를 반환
arr.shift() 배열의 맨 앞 값을 제거 제거된 요소를 반환
arr.unshift() 배열의 맨 앞에 값을 추가 새로운 길이를 반환
arr.push() 배열의 끝에 하나 이상의 요소 추가 새로운 배열의 길이를 반환
arr.slice(n,m); n~m 까지의 요소출력