[javascript basic] 배열

배열이란?

변수는 하나의 데이터가 하나만 저장가능합니다. 그럼 여러 개의 데이터를 하나의 저장소에 저장한는 방법이 없을까요?

서로 연관된 많은 데이터를 잘 정리정돈해서 하나의 저장소에 담아두는 일종의 수납상자를 배열(Array) 이라고 합니다.

 

배열의 생성 기본형 3가지 

1. var 참조변수 = new Array();
   //참조변수[0] = 값1; 참조변수[1] = 값2;
    ex) a[0] = 24; a[1] = "hodu"; a[2] = true;
    
2. var 참조변수 = new Array(값1, 값2, 값3);
	 ex) var a = news Array(24, "hodu", true);
    
3. var 참조변수 = [값, 값2, 값3];
	 ex) var a = [24, "hodu", true]; 
     

배열을 변수(a)에 담은 형태이다 그리고 선언한 변수(a)에 배열이라는 새로운 데이터 타입이 담겼다. 

[ ] 안에 들어가는 데이터들은 ,(콤마)로 구분

 

배열에 저장된 데이터 불러오기

document.write(a[0]);
// 참조변수 a의 인덱스 0번(가장 첫번째) 데이터를 불렀음 
document.write(a[1]);

기본형 - document.write(참조변수[데이터인덱스]); 

 

배열에 새로운 데이터 추가하기 

a.push("nara");

기본형 - 참조변수.push(new data);

배열에 저장된 데이터의 수를 체크하기 

document.write(a.lenght);

기본형 - document.write(참조변수.length);

 

 

배열 활용 예제 

문제1) 문자 객체의 메서드를 이용하여 사용자에게 입력받은 이메일의 유효성 검사하기 

          tip - 배열과 반복문 함께 활용하기 

 

var userEmail = prompt("당신의 이메일 주소는?", "");
//이메일 주소에 뒷부분 형식을 배열로 저장
var arrUrl=["gmail.com","naver.com"];

var userEmailConvert = userEmail.split('@');
console.log(userEmailConvert);
if(userEmailConvert.length!==2){
//이메일 @의 개수 검사 
  alert('error')
  
}else{ 

  var a = arrUrl.includes(userEmailConvert[1])?userEmail:"";
  document.write(a);
    console.log(a);
}


/* 
AND(&&) 연산자는 모두 피연산자가 모두 true 여야 true 를 반환합니다
if(check1&&check2){
  document.write(userEmail);
}else{
  alert("이메일 형식이 잘못되었습니다");
}  
*/

 

 

 

참고 URL - https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array