1회 때는 기본적인 객체 생성과 데이터를 꺼내는 방법에 대해 알아 보았습니다. 2회 이후로는 주요 속성과 함수 사용법을 알려 드리겠습니다. 첫 번째로 자주 사용하는 함수 중 concat() 가 있습니다. 이것은 두개의 배열을 합쳐서 하나로 만들어 주는 기능을 가지고 있습니다.
▼ array1 은 Array 내장 객체입니다. item1 은 배열에 추가할 항목으로 첫 번째 항목부터 순서대로 추가가 됩니다. 항목이 배열이 아니면 배열의 끝에 단일 요소로 추가가 되겠죠. 그리고 숫자나 문자열을 새 배열에 추가한다는 것은 복사를 의미합니다. 이전 배열값은 전혀 영향을 주지 않습니다.
| array1.concat([item1[, item2[, . . . [, itemN]]]]) |
▼ 아래 소스는 두 종류의 객체를 배열 a 에 추가한 샘플입니다. 문자열과 배열을 a 배열에 concat 함수를 사용해서 “1,2,3” 다음에 추가하는 것이죠. b와 c 데이터를 a에 추가해서 결과값 d를 만들어 냈습니다. d는 a,b,c 를 모두 연속적으로 합친 결과를 품게 됩니다. 이렇게 concat 는 배열뿐만 아니라 문자열이나 숫자같은 단일 데이터도 추가할 수 있습니다.
<!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 a, b, c, d;
a = new Array(1,2,3);
b = "사과";
c = new Array(42, "배");
d = a.concat(b, c);
document.write(d);
//-->
</script>
</head>
<body>
</body>
</html>
▼ 다음은 또 다른 형태의 배열 예제입니다. new 연산자를 사용해서 배열 객체를 생성할 수도 있지만 소스에서처럼 대괄호 “[]” 를 사용해서 정의할 수 있습니다. 두 개의 배열을 concat 함수로 합쳤습니다.
<!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 a = ["사과", "배"];
var b = ["배추", "양파", "무우"];
var c = a.concat(b);
document.write(c);
//-->
</script>
</head>
<body>
</body>
</html>
|
※ 아래는 참고하면 좋을 만한 글들의 링크를 모아둔 것입니다. ※ ▶ 자바스크립트 정규표현식으로 ltrim, rtrim 공백 제거 함수 구현하는 방법 ▶ 자바스크립트 parseFloat 함수 이용해서 문자열을 실수로 변환하는 방법 ▶ 자바스크립트 내장 객체 Array 의 concat 함수 알아보기 – 2회 |
'웹 프로그래밍 > 자바스크립트' 카테고리의 다른 글
| 자바스크립트 Javascript 사용자 입력 창 prompt() 함수 사용하기 (0) | 2023.10.20 |
|---|---|
| 자바스크립트 Javascript 메시지 출력 alert() 함수 사용하기 (2) | 2023.10.20 |
| 자바스크립트 정규식 표현으로 이름 유효성 검사하기 (1) | 2023.10.19 |
| 자바스크립트 내장함수 eval() 문자열을 수식으로 바꾸는 방법 (1) | 2023.10.11 |
| 자바스크립트 parseFloat 함수 이용해서 문자열을 실수로 변환하기 (0) | 2023.10.11 |
| 자바스크립트 정규표현식으로 ltrim, rtrim 공백 제거 함수 구현하기 (0) | 2023.10.11 |
| 자바스크립트 배열 Array 초기화 하는 다양한 방법 (0) | 2023.10.10 |
| 자바스크립트(Javascript) display 속성 이용해서 접거나 펴는 방법 (1) | 2023.09.22 |
