Skip to content

JavaScript Basic

wooyeonhui edited this page Aug 16, 2018 · 1 revision

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};일 때

alert(grades['c']); 2. alert(grades.c)

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

grades.show();

`


모듈(Module)이란?

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


정규표현식(Regular Expression)

  • 문자열을 처리하는 방법중 하나로, 특정한 조건의 문자를 '검색'하거나 '추출','치환'하는 과정을 매우 간편하게 처리 할 수 있도록 하는 수단이다.

Clone this wiki locally