Tuesday, January 01, 2008
자바스크립트, 해시 배열 구현 예제; JavaScript Hash 해쉬 Associative Array
배열의 첨자 즉 인덱스는 원래 0부터 시작하여 1, 2, 3... 이런 숫자로 되어 있는데, 문자열을 첨자로 사용할 수도 있습니다. 이런 경우를 펄(Perl)에서는 해쉬(Hash)라고 부릅니다. 배열을 간단한 데이터베이스로서 사용할 수 있는 장점이 있습니다. 자바스크립트에서도 펄의 해쉬를 구현할 수 있습니다. 물론 펄의 해시처럼 그리 유연하지는 못합니다.
아래 예제의 경우 cities 라는 해쉬 배열을 만들었습니다. 0, 1, 2... 라는 숫자로 된 첨자 대신에, 한국 일본 등의 국가명이 첨자로서 사용되었습니다.
예제 소스 파일명: example.html
위의 경우, 배열에서 값을 꺼낼 때 첨자로서, United States 를 united states 로 소문자로 쓰거나, UnitedStates 이렇게 공백 없이 붙여 쓰면 찾지를 못하고 undefined 라는 값이 나옵니다. 즉, 대소문자를 구분하고 공백문자도 구분합니다. "undefined"라는 것은, 값이 정의되지 않았다는 뜻입니다.
for루프로 해쉬 출력 방법: ▶▶ 자바스크립트 foreach문, JavaScript foreach 예제
보통 배열 만들기 예제: ▶▶ 자바스크립트] 1차원 배열 선언, 초기화, 출력; Array JavaScript
아래 예제의 경우 cities 라는 해쉬 배열을 만들었습니다. 0, 1, 2... 라는 숫자로 된 첨자 대신에, 한국 일본 등의 국가명이 첨자로서 사용되었습니다.
예제 소스 파일명: example.html
<script type="text/javascript">
var cities = new Array();
cities['한국'] = 'Seoul';
cities['일본'] = '도쿄';
cities['그리스'] = 'Athens';
cities['United States'] = 'Washington, D.C.';
cities['프랑스'] = '파리';
cities['中國'] = '北京';
cities[23.5] = 3.14; // 이런 실수형 숫자로도 첨자 지정이 됩니다
document.write(cities['中國'], '<br />');
// 출력 결과: 北京
</script>
var cities = new Array();
cities['한국'] = 'Seoul';
cities['일본'] = '도쿄';
cities['그리스'] = 'Athens';
cities['United States'] = 'Washington, D.C.';
cities['프랑스'] = '파리';
cities['中國'] = '北京';
cities[23.5] = 3.14; // 이런 실수형 숫자로도 첨자 지정이 됩니다
document.write(cities['中國'], '<br />');
// 출력 결과: 北京
</script>
위의 경우, 배열에서 값을 꺼낼 때 첨자로서, United States 를 united states 로 소문자로 쓰거나, UnitedStates 이렇게 공백 없이 붙여 쓰면 찾지를 못하고 undefined 라는 값이 나옵니다. 즉, 대소문자를 구분하고 공백문자도 구분합니다. "undefined"라는 것은, 값이 정의되지 않았다는 뜻입니다.
for루프로 해쉬 출력 방법: ▶▶ 자바스크립트 foreach문, JavaScript foreach 예제
보통 배열 만들기 예제: ▶▶ 자바스크립트] 1차원 배열 선언, 초기화, 출력; Array JavaScript
tag: html
HTML | CSS | 자바스크립트 JavaScript
<< Home