본문 바로가기

Dev.FrontEnd/JavaScript

[두번째] JavaScript - Basic / 스크립트 언어

자바스크립트 두번째.

스크립트 언어로서의 자바스크립트
모듈
정규표현식

객체
객체와 배열의 차이
배열은 아이템에 대한 식별자로 숫자를 사용했다.
데이터가 추가되면 배열 전체에서 중복되지 않는 인덱스가 자동으로 만들어져서
추가도니 데이터에 대한 식별자가 된다.
이 인덱스를 이용해서 데이터를 가져오게 되는 것이다.
그런데 만약 인덱스로 문자를 사용하고 싶다면 객체를 사용해야 한다.
다른 언어에서는 객체를 연관배열 or맵or딕셔너리라는 데이터 타입이 객체에 해당한다.

making method 1.
var grades = {'a':1,'b':2,'c':3};
var로 선언하고 grades라는 객체명을 입력하고 {}로 묶어준다.
a,b,c는 key가 되고 1,2,3은 value값을 의미하게 된다.

making method 2.
var grades= {}'
grades['a'] = '1';
grades['b'] = '2';
grades['c'] = '3';


making method 3.
var grades = new object();
grades['a'] = '1';
grades['b'] = '2';
grades['c'] = '3';

객체 속성에 접근하기
var grades = {'a':1,'b':2,'c':3}; 일 때
1.
alert(grades['c']);
2.
alert(grades.c);
3. for~in 문
var grades = {'a':1,'b':2,'c':3};
for(key in grades){
  document.write("key : "+key+"value : "+grades[key]+<br/>");
}

document.write 는 C에서 printf 같은 함수 인듯 싶다.
표현하고자 하는 값은 ++로 감싸주어 추가한다.
단 표현하고자 하는 요소는 " "안에 표현할 필요는 없다.
출력하고자 하는 형식에 맞춰 중간 중간에 요소를 끼워 넣으면 되는것이다.

객체 안에 객체를 정의하고 함수와 함께 정의가 가능하다.
var grades = {
   'list' : {'a':1,'b':2,'c':3},
   'show' : function()}
      for(var name in this.list){
         document.write(name+':'+this.list[name]+"<br/>");
      }
   }
};
grades.show();



---
모듈이란?
코드를 여러개 파일로 나눈다.
자주 사용되는 코드를 별도의 파일로 만들어서 필요할 때마다 재활용 할 수 있다.
함수의 확장판 개념
한번 다운로드된 모듈은 웹브라우저에 의해서 저장되기 때문에 네트워크 트래픽을 절약할 수 있다.
비용절감!

호스트 환경 : 자바스크립트가 구동되는 환경
greeting.js 라는 파일을 스크립트로 가져와 읽는다.

---
- 정규표현식 -
-> 일종의 언어; 다른 언어에서도 무수히 많이 사용된다.
: 해당하는 정보를 찾아준다.

1) 컴파일
2) 실행

1. 정규표현식 리터널
var str = "a";
var pattern = /a/;
-> a가 찾고자 하는 대상
2. 정규표현식 객체 생성자
var apttern = nex RegExp('a');

추출,테스트,치환
pattern.exec () -> 추출 : 정규표현식이 찾고자하는 것을 배열로 리턴하는 Method.
a. -> . 자리에는 하나의 문자. 그리고 그 앞에는 반드시 문자가 존재해야한다.
pattern.test 는 return 값이 boolean / 찾고자 하는 정보가 있는지 없는지 파악





첫번째 자바스크립트 끝//


(생활코딩 이고잉님 감사합니다^^)

-..-