Javascript - Array 클래스 함수

yeong ·2022년 11월 18일

js

목록 보기
24/49

값(객체)를 여러개 저장하기 위한 객체(배열)을 생성하기 위한 클래스 함수-객체에 대한 프로터티와 메소드 제공

요소가 하나도 없는 Array 객체 생성 - Empty Array

var array=new Array();

Array(size) : 매개변수에 전달된 정수값의 갯수만큼 요소를 가진 Array 객체 생성
> Array 객체의 요소에는 자동으로 null 저장

var array=new Array(5);

Array(value,value,...) : 매개변수에 전달된 값이 요소값으로 저장된 Array 객체 생성
> 매개변수에 전달된 값의 갯수만큼 Array 객체의 요소 생성;

var array =new Array(10,20,30,40,50);

Array 객체의 갯수나 요소값을 반환받기 위한 메소드 + 활용 예시

//Array.length :  Array 객체에 저장된 요소의 갯수를 저장한 프로퍼티 
alert(array.length);
//Array.toString() : Array 객체에 저장된 모든 요소값을 문자값으로 변환하여 반환하는 메소드
alert(array.toString());
//Array객체가 저장된 객체변수를 출력할 경우 자동으로 toString() 메소드 호출 
alert(array);

JSON을 기능을 사용하여 Array 객체 생성 - [] 연산자

var array=[]; //Empty Array
var array=[10,20,30]; //JSON 기능을 사용하여 Array 객체 생성시 요소의 초기값 설정 가능 

Array 객체에 저장된 요소는 첨자(Index - 0부터 1씩 증가되는 정수값)를 사용하여 구분
> Array 객체의 요소를 표현할 경우 [] 연산자에 첨자를 사용하여 표현
>Array 객체의 요소를 표현하는 첨자가 범위를 벗어난 경우 [undefined] 자료형으로 표현

예시
alert("array[0] = "+array[0]); // 해당 인덱스에 요소가 있는경우 정상적인 값 반환 /없는경우  [undefined] 자료형으로 표현 
alert("array[1] = "+array[1]);

for 구문을 사용하여 Array 객체의 요소를 일괄처리

for(i=0;i<array.length;i++) {
		alert("array["+i+"] = "+array[i]);
	}

in 연산자를 이용한 for 구문을 사용하여 Array 객체의 첨자를 제공받아 일괄 처리

for(index in array) {
		alert("array["+index+"] = "+array[index]);
	}

Array.forEach(callback(element[,index][,array])) : Array 객체의 요소를 일괄처리 하기 위한 기능을 제공하는 메소드 - 콜백함수가 Array 객체에 저장된 요소의 갯수만큼 반복
호출되며 매개변수에는 Array 객체의 요소값,첨자,Array 객체가 자동 저장

	array.forEach(function(element, index) {
		alert("array["+index+"] = "+element);
	});
다음메소드에서 활용할 배열 
	var array=[10,20,30];

Array.push(value) : Array 객체의 마지막 위치에 요소를 추가하여 전달값을 저장하는 메소드

	array.push(40);
	//alert(array);//10,20,30,40

Array.pop() : Array 객체의 마지막 위치의 요소를 제거하고 요소값을 반환하는 메소드

var num=array.pop();
	//alert(array);//10,20,30
	//alert(num);//40

Array.unshift(value) : Array 객체의 첫번째 위치에 요소를 추가하여 전달값을 저장하는 메소드

	array.unshift(40);
	//alert(array);//40,10,20,30

Array.shift() : Array 객체의 첫번째 위치의 요소를 제거하고 요소값을 반환하는 메소드

	var num=array.shift();
	//alert(array);//10,20,30
	alert(num);//40

0개의 댓글