자바스크립트에는 기본적으로 제공하는 다양한 내장 객체들이 있습니다. 내장 객체란 이미 정의 되어 있는 객체를 말합니다. 객체 선언 과정을 통해서 변수 정의만 해 주면 사용이 가능합니다. 기본 내장 객체 중 첫 번째는 배열을 다루는 Array 입니다. 많은 양의 데이터를 저장할 때 아주 유용합니다. 그럼 여러 회에 걸쳐서 함수와 속성들에 대해 알아 보겠습니다.
▼ Array 배열 객체를 생성해 줄 때는 new 연산자를 사용해서 선언해 줍니다. 메모리 공간에 배열 데이터를 저장할 수 있는 변수를 생성하는 것입니다. 문법은 아래와 같습니다. 생성자로 아무것도 넘기지 않으면 데이터를 입력하는 만큼 크기가 자동으로 늘어납니다. 그에 반해 생성자로 배열 갯수를 넣게 되면 지정한 크기만큼만 사용이 가능합니다.
| 변수명 = new Array() 변수명 = new Array(배열갯수) 변수명 = new Array(배열1, 배열2, 배열3, ...) |
▼ 위의 3가지 경우를 구현해 보겠습니다. 아래 소스처럼 배열에 데이터를 넣을 때 3가지 형태가 가능합니다. 첫 번째는 배열의 개수를 지정하지 않고 for 문을 돌면서 원하는 만큼 집어 넣습니다. 그럼 자동으로 배열은 메모리가 허용하는 한 늘어나는 것이죠. 두 번째는 Array 클래스의 생성자 인수로 배열의 개수를 넘겼습니다. 10개로 지정했는데 그 이상 넣게 되면 에러가 나겠죠. 세 번째는 생성자 함수의 인수로 배열의 값을 직접 지정한 예 입니다.
<!DOCTYPE HTML>
<html>
<head>
<meta charset="euc-kr">
<title>Javascript</title>
<style type="text/css">
body {background-color: #e7e7e7;}
div {margin : 10px;}
</style>
<script type="text/javascript">
<!--
// 첫 번째 생성자로 개수를 지정하지 않을 때
var x;
var arr1 = new Array();
for (i = 0; i < 10; i++) {
arr1[i] = i;
}
x = arr1[4];
document.write("4 배열 요소값 : " + x + "<br/>");
// 두 번째 생성자로 개수를 지정했을 때
var arr2 = new Array(10);
for (i = 0; i < 10; i++) {
arr2[i] = i;
}
x = arr2[3];
document.write("3 배열 요소값 : " + x + "<br/>");
// 세 번째 배열요소를 직접 입력했을 때
var arr3 = new Array(0,1,2,3,4,5,6,7,8,9);
x = arr3[2];
document.write("2 배열 요소값 : " + x);
//-->
</script>
</head>
<body>
</body>
</html>
▼ 아래는 배열과 관련된 함수들의 포스팅입니다. 참고하세요.
https://mainia.tistory.com/6963
자바스크립트 배열(Array) shift() 함수 사용하기
shift() 함수는 JavaScript 배열에서 사용되며, 배열의 첫 번째 요소를 제거하고 해당 요소를 반환합니다. shift() 함수는 주로 배열을 수정하고 필요한 경우 제거된 요소를 제거하는데 사용합니다. 이
mainia.tistory.com
https://mainia.tistory.com/4236
자바스크립트 내장 객체 Array 의 concat 함수 알아보기 – 2회
1회 때는 기본적인 객체 생성과 데이터를 꺼내는 방법에 대해 알아 보았습니다. 2회 이후로는 주요 속성과 함수 사용법을 알려 드리겠습니다. 첫 번째로 자주 사용하는 함수 중 concat() 가 있습니
mainia.tistory.com
https://mainia.tistory.com/6920
자바스크립트 배열 Array 초기화 하는 다양한 방법
JavaScript에서 배열은 다양한 곳에 쓰입니다. 예를 들어 데이터 수집, 필터링, 가공, 동적 목록 관리, 반복 작업, 데이터 그룹화 및 동적 데이터 구조 생성과 같은 다양한 데이터 관련 작업을 수행
mainia.tistory.com
https://mainia.tistory.com/4271
자바스크립트 내장 객체 Array 의 sort 함수 사용하기
sort 함수를 사용하면 배열의 요소를 정렬하는 것이 간단하고 편리하며, JavaScript의 내장 함수이므로 코드를 효율적으로 작성할 수 있습니다. sort 함수는 기본적으로 문자열로 정렬하므로 숫자를
mainia.tistory.com
'웹 프로그래밍 > 자바스크립트' 카테고리의 다른 글
| 자바스크립트(Javascript) 문자 일정간격으로 하이픈(-) 추가하기 (0) | 2023.11.02 |
|---|---|
| 자바스크립트 Javascript 남은 시간 화면에 알림 표시하기 (0) | 2023.11.01 |
| 자바스크립트 document.getElementById() 함수 사용하기 (0) | 2023.11.01 |
| 자바스크립트 배열(Array) unshift() 함수 사용하기 (0) | 2023.10.31 |
| 자바스크립트 배열(Array) shift() 함수 사용하기 (0) | 2023.10.31 |
| 자바스크립트(Javascript) 내장 객체 Array 의 slice() 함수 알아보기 (0) | 2023.10.30 |
| 자바스크립트 매개변수 개수 확인해서 사용자에게 알리기 (0) | 2023.10.30 |
| 자바스크립트 매개변수 숫자 여부 확인하기 (0) | 2023.10.30 |
