베스트 키워드
주간 월간 연간
검색  상세검색
이벤트 디자이너를 위한 디자인 세상 아사달이 만들어갑니다.
디자인센터 보유 현황 오늘어제이번달지난달누적
웹기획
HTML 사용법
포토샵 사용법
일러스트 사용법
플래시 사용법
일러스트 만들기
편집사진 만들기
사물 편집사진 만들기
플래시 모션 만들기
플래시 스크립트 만들기
    - 액션스크립트 기초
    - 함수
    - for문 이해하기
    - Load 무비
    - 배열
웹구성 요소 만들기
웹 페이지 만들기
비즈니스 홈페이지 만들기
생활 홈페이지 만들기
쇼핑몰 홈페이지 만들기
배열
Home > 디자인 센터 > 웹강좌 > 플래시 스크립트 만들기 > 배열
문법 설명 Array 오브젝트 생성하기 선언한 배열에 접근하기 함수의 이해 사용법 배열을 이용한 메뉴 만들기

① 배열 생성
크기가 4인 student 배열을 생성합니다.
student = ["진아“, ”명재“, ”근호“, ”승재“];
이렇게 배열된 student 배열의 초기 원소는 다음과 같습니다.
student[0] = “진아”
student[1] = "명재“
student[2] = "근호“
student[3] = "승재“

① concat() 메서드
concat() 메서드를 이용해서 두 배열을 서로 연결해봅시다.
alpha = ["a", "b", "c"];
numeric = [1, 2, 3];
alphaNumeric = alpha.concat(numeric);
* alphaNumeric 배열의 원소 : ["a", "b", "c", 1, 2, 3]

② join() 메서드
join() 메서드를 이용하여 3개의 원소를 하나의 문자열로 만들 수 있습니다. 여기에서 join() 메서드의 매개변수를 분리기호(separator)라 부르며, 분리기호가 있으면, 각 원소 사이에 분리기호가 삽입된 문자열이 만들어집니다.
myAnimal = ["닭", "소", "말"];
myVar1=myAnimal.join(); ← myVar에 “닭,소,말”이라는 문자열을 대입합니다.
myVar2=myAnimal.join(","); ← myVar2에 “닭,소,말”이라는 문자열을 대입합니다.
myVar3=a.join("+"); ← myVar3에 “닭 + 소 + 말”이라는 문자열을 대입합니다.
참고 : 플래시 내부에서 만들어진 배열의 모든 원소를 PHP, ASP, JSP 같은 서버 측 프로그램으로 전송하하며 fruddn join() 메서드를 이용해서 배열을 문자열로 바꾼 후 전송합니다.

③ length 속성
length 속성은 배열의 길이를 나타냅니다. length 속성이 어떻게 업데이트 되는지 알아보겠습니다.
myArray = []; ← 초기의 myArray.length값은 0입니다.
myArray[0]=‘플래시’ ; ← myArray.length는 1로 업데이트됩니다.
myArray[1]=‘나모’; ← myArray.length는 2로 업데이트됩니다.
myArray[14]=‘드림위버’; ← myArray.length 15로 업데이트됩니다.

④ pop()메서드
pop()메서드는 맨 마지막에 있는 원소를 제거한 다음, 제거된 원소를 반환합니다. 다음 예문은 myPets라는 4개의 원소를 가진 배열을 만든 다음, 맨 마지막에 있는 “닭”을 배열에서 제거하고, 제거한 “닭”을 반환한 것입니다.
myPets = [“호랑이”, “멍멍이”, “고양이”, “닭”];
s = myPets.pop();

⑤ push() 메서드
push() 메서드는 배열의 맨 마지막에 원소를 삽입하고, 원소의 총 개수를 반환합니다. 다음 예문은 myPets라는 2개의 원소를 가진 배열을 만든 다음, “새”와 “물고기” 원소를 myPets에 추가합니다. 따라서 myPets의 원소는 “고양이”, “곰”, “새”, “물고기”가 되고 변수 pushed에는 4라는 숫자가 들어갑니다.
myPets = [“고양이”, “곰”]; ← myPets[0]="고양이“, myPets[1]="곰”
pushed = myPets.push(“새”, “물고기”); ← myPets[2]=“새”, myPets[3]="물고기”

⑥ reverse() 메서드
reverse() 메서드를 이용해서 배열의 원소 순서를 뒤집을 수 있습니다.
var myNumbers = [1, 7, 0, 3, 8]; ← myNumber의 원소는 순서대로 1, 7, 0, 3, 8
myNumbers reverse(); ← myNumber 배열의 원소는 8, 3, 0, 7, 1로 순서가 뒤집어집니다.

⑦ shift() 메서드
shift() 메서드는 맨 앞에 있는 원소를 제거하고, 제거된 원소를 반환합니다. 다음 예문은 myPets라는 배열을 만든 다음, 맨 앞에 있는 원소, 즉 “고양이”를 제거하고, “고양이”를 반환한 것입니다.
myPets = [“고양이”, “멍멍이”, “악어”];
shifted = myPets.shift(); ← myPets의 원소 : “멍멍이”, “악어”, shifted에는 “고양이”가 대입

⑧ slice() 메서드
slice() 메서드는 배열의 일부를 추출하여 새로운 배열을 생성하는 것으로 slice(start, end)라고 적으면, start위치에서 end위치의 한 개 앞까지에 해당하는 원소를 추출하여 만든 배열을 반환합니다. 다음 예문은 myNumber 배열의 원소 중 인덱스가 2부터 4까지, 즉 “c", "d", "e"라는 세 개의 원소가 mySlice 배열에 만들어집니다. 하지만, myNumber 배열은 아무런 변화가 없습니다.
myNumber = [“a”, “b”, “c”, "d", "e", "f", "g" ];
mySlice = myNumber.slice(2, 5); ← mySlice는 “c", "d", "e"으로 이루어진 배열이 됩니다.

⑨ sort() 메서드
sort()는 배열의 원소를 정렬하는데 사용됩니다. 다음 예문은 fruit 배열을 정렬한 것입니다.
fruit = [“oranges”, “apples”, “pineapples”, "cherries"];
myVar1 = fruits.join(); ← myVar1는 “oranges, apples, strawberries, cherries" 입니다.
fruits.sort();
myVar2 = fruits.join(); ← myVar2는 “apples, cherries, oranges, strawberries" 입니다.
기본적으로 sort() 메서드는 사전식 순서로 정렬을 합니다.
numr = [9, 23, 47, 145, 6, 81];
myVar1 = num.join(); ← myVar1는 “9, 23, 47, 145, 6, 81”입니다.
num.sort();
myVar2=num.join(); ← myVar1는 “145, 23, 47, 6, 81, 9”입니다.
숫자의 경우 일반적으로 원하는 오름차순의 결과는 “6,9,23,47,81,145”이지만 기본적인 sort()메서드는 사전순서대로, 즉 숫자1로 시작하는 145가 맨 앞에 오고, 그 다음 2로 시작하는 23과 같은 순서대로 정렬합니다. 배열의 원소가 숫자일 경우 숫자 순서대로 정렬하기 위해서는 sort 함수를 따로 만들어야 합니다.
⑩ toString() 메서드
toString 메서드는 배열의 모든 원소를 차례로 연결해서 문자열로 만드는데 사용됩니다. 이렇게 만들어진 문자열은 각각의 원소들 사이에 콤마가 들어갑니다. 다음 예는 myArray라는 배열을 myString이라는 문자열로 바꾼 것입니다.
myArray = [];
myArray = 1;
myArray = 2;
myArray = 3;
myString = myArray.toString(); ← myString은 “1, 2, 3”이라는 문자열이 됩니다.
사이트명 : 아사달닷컴 | 회사명 : (주)아사달 | 대표이사 : 서창녕 | 대표전화 : 070-7510-3007 | 팩스번호 : 02-2026-2008
사업자등록번호 : 206-81-24351 | 법인등록번호 : 110111-1940504 | 통신판매업신고 : 제18-890호 | 벤처확인번호 : 051134532200563
(우편번호 : 153-803) 서울특별시 금천구 가산동 371-28번지 우림라이온스밸리 A동 8층 (주)아사달
Copyright ⓒ asadal.com All rights reserved.
아사달 이용 가능 브라우저