Study Record

Array 객체 (배열 조작하기)자바스크립트에서 Array 객체는 배열형의 값을 취급하기 위한 객체로 배열에 대한 요소의 추가/삭제, 결합 정렬 등을 행하기 위한 기능을 제공한다. 배열 생성 예시)var ary = [1, 2, 3];// new 연산자 사용가능var ary = Array('e','ww', 'wq');   array 의 주요 맴버var ary = [1, 2, 3];// 배열의 크기console.log(ary.length); // 3// 배열인지 아닌지 구별console.log(Array.isArray(ary)); // true// 배열의 요소들을 문자열로 반환 console.log(ary.toString()); // 1,2,3// 지정한 요소와 일치한 요소의 인덱스를 반환한..

Symbol 객체심볼(symbol) 이란 이름 그대로 심볼을 작성하기 위한 데이터형이다. 문자열과도 비슷하지만 문자열과 다르다.// desc 는 심벌의 설명(이름)이다.Symbol([desc]) 예시)let sym1 = Symbol();let sym2 = Symbol(2);let sym3 = Symbol(2);let sym4 = Symbol('sym');console.log(sym2 == sym3); // falseconsole.log(typeof sym1); // Symbolconsole.log(sym4.toString()); // Symbol(sym)console.log(typeof !!sym1); // boolean  주로 심벌은 정수의 값으로 이용할 때 사용한다. 고유의 하..

문자열 조작하기 - String 객체String 객체는 문자열(String)행의 값을 취급하기 위한 래퍼 객체이다. 문자열의 유출이나 가공, 검색 등을 실시하기 위한 기능을 제공한다.   검색을 위한 주요 맴버와 메소드var str1 = "뜰에 뜰에 뜰에는 닭이 있다.";console.log(str1.indexOf('뜰')); // 0console.log(str1.lastIndexOf('뜰')); // 6 : 뒤에서 부터 검색console.log(str1.indexOf('뜰', 3)); // 3 : 3번째부터 오른쪽 방향으로 검색 console.log(str1.lastIndexOf('뜰', 5)); // 3 : 5번째부터 왼쪽 방향으로 검색console.log(st..

객체자바스크립트의 객체란 키로 접근하는 요소가 배열형태로 늘어선 것을 말한다. 객체의 주체는 개개의 요소가 아닌 개체 그 자체에 초점을 맞춘다. 프로그램상에서 취급하는 대상을 객체로 생각해서 그렇게 만들어진 객체를 중심으로 코드를 조립해 나가는 수법을 객체지향이라고 부른다.    객체 = 프로퍼티 + 메소드객체는 프로퍼티와 메소드로 이루어져 있다. 프로퍼티란 객체의 상태나 특성을 나타내기 위한 정보를 말한다. 이에 반하여 메소드는 객체(개체)를 조작하기 위한 도구이다.    new 연산자로 객체 인스턴스화객체는 자기 자신 안에서 데이터를 보존할 수 있다는 성질을 가지고 있다. 하나의 객체를 여러 애플리케이션이 특정 객체에 대해 프로퍼티 값을 변경해버리면 데이터가 충돌하여 애플리케이션이 올바르게 동작하지 ..

제어 구문일반적으로 프로그램의 구조는 세가지로 분류할 수 있다.순차구조 : 기술된 순서대로 처리를 실시한다.선택구조 : 조건에 따라 처리를 분기한다.반복구조 : 특정의 처리를 반복 실행한다.순차, 선택, 반복을 조합해서 프로그램을 조립해나가는 방식을 구조화 프로그래밍이라고 부른다. 자바스크립트도 구조화 프로그래밍에서 이용하는 제어 구문을 표준으로 제공하고 있다. 자바스크립트에서 분기 처리를 위한 명령으로 if 명령과 switch 명령을 제공한다.  분기 처리하기 - if 명령, switch 명령자바스크립트에서 분기 처리를 위한 명령으로 if 명령과 switch 명령을 제공한다.   if 명령 - 조건에 따라 분기 처리하기if 명령은 주어진 조건식이 true/false 에 따라 지정한 명령을 실행한다.if..

연산자연산자(Operator) 란 부여된 변수/리터럴에 대하여 미리 결정된 어떠한 처리를 행하기 위한 기호이다. 예를 들어, (+), (-) 등은 모두 연산자이다. 또한 연산자에 의해 처리되는 변수/리터럴을 오퍼랜드(Operand) 라고 부른다.   산술 연산자표준적인 사칙연산부터 시작해서 수치와 관련된 연산을 행하는 것이 산술 연산이다. 대수 연산자로고도 불린다.console.log(10 + 3); // 덧셈console.log(10 - 7); // 뺄셈console.log(3 * 5); // 곱셈console.log(10 / 2); // 나눗셈console.log(10 % 3); // 나머지 연산var x = 3;// 후치 덧셈, a = 3, x = 4var a = x++;cons..

변수변수란 데이터를 넣어두는 그릇이다. 스크립트 중간에 변수에 담긴 데이터 값이 바뀌어도 상관없다.   변수 선언하기 - var 명령어변수를 이용하기 위해서는 미리 변수를 선언해야한다. 선언이란, 변수의 이름을 JavaScript 에 등록하고 값을 넣어두기 위한 영역을 메모리상에 확보하는 것을 말한다. 변수 선언은 변수의 이름과 그 변수 들어갈 초기값을 정의할 수 있다. 초기값은 필수가 아니다.var 변수명 = [초기값]; 변수 선언 예시) var a;var a, b;var c = 10;var d = 'Hello, World'; 변수명만 정의할 경우 undefined 가 자동으로 변수에 할당된다.  + 변수 선언은 임의JavaScript 에서 변수의 선언은 필수가 아니다. 왜냐하면 명시적으로 변수가 선언..

자바스크립트의 기본적인 표기   "안녕하세요, 자바스크립트!" 표기하기   Javascript 를 HTML 파일 안에 집어넣기Javascript 코드를 HTML 파일에 집어넣으려면     외부 스크립트와 인라인 스크립트를 같이 병용한경우, 즉 src 속성을 지정한 경우       Anchor 태그에 스크립트 집어넣기 (JavaScript 의사 프로토콜) 요소에 코드를 기술하는 것 외에 Anchor 태그에 herf 속성에 스크립트를 집어넣을 수 있다. 이러한 기법을 JavaScript 의사 프로토콜이라고 부른다.링크 클릭   자바스크립트 문장 규칙자바스크립트 코드는 일반적으로 하나이상의 문장으로 되어 있다. 문장에는 다음과 같은 규칙이 있다.  ㉮ 문장의 맨 끝에 세미콜론(;)을 붙인다.세미콜론을 생략해도..