프로그래밍/JavaScript (27) 썸네일형 리스트형 JavaScript_continue 문 예제) continue 문 //continue 문을 사용하면 if 문 밖에 코드를 작성할 수 있다. for ( var i=0; i < string.length; i++ ) { if ( string[i] !== search ) continue; count++; //code //code //code } →코드 시행 순서 1. var i=0 2. i < string.length // true 3. if ( string[i] !== search ) // true 4. continue 5. i++ 6. i < string.length // true 7. if ( string[i] !== search ) // false 8. count++ 9. i++ 10. i < string.length // false 11. .. JavaScript_while 문 예제) while 문 var count=0; // count가 3보다 작을 때까지 코드 블록을 계속 반복 실행한다. while (count < 3 ) { console.log(count); // 0 1 2 count++; } →코드 시행 순서 1. count=0 2. count < 3 3. console.log(count) 4. count++ // true 5. count < 3 // false 6. 코드 실행 종료. JavaScript_if...else 문 예제) if...else 문 var num = 2; var kind; // if 문 if (num>0) { kind ='양수'; // 음수를 구별할 수 없다 } console.log(kind); //양수 // if...else 문 if (num>0) { kind='양수'; } else { kind='음수'; // 0은 음수가 아니다. } console.log(kind); //양수 // if...else if 문 if (num>0) { kind='양수'; } else if (num JavaScript_산술 연산자 예제) 단항 산술 연산자 var x=5, result; // 선할당 후증가 result = x++; console.log(result, x); // 5 6 // 선증가 후할당 result = ++x; console.log(result, x); // 7 7 // 선할당 후감소 result = x--; console.log(result, x); // 7 6 // 선감소 후할당 result = --x; console.log(result, x); // 5 5 예제) 문자열 연결 연산자 //문자열 연결 연산자 '1' + 2; // '12' 1 + '2'; // '12' //산술 연산자 1 + 2; // 3 // true는 1로 타입 변환된다. 1 + true; // 2 // false는 0으로 타입 변환된다. 1.. JavaScript_함수(2) 7. 함수 스코프 : 변수 또는 함수의 유효 범위 -var 변수명; → 전역 변수 function 함수명() { var 변수명; → 지역 변수 } -즉시 실행 함수 -(function() { 자바스크립트 코드; }()); (function() { var 변수명; //지역 변수 function 함수명() { //지역 함수 자바스크립트 코드; } }()); 8. 객체 생성자 함수 -new 키워드를 사용해 객체를 생성하고 객체 생성자 함수에서 this 키워드를 사용해 생성한 객체에 속성과 함수를 등록한다. function 함수명(매개변수1, 매개변수2, ...매개변수n) { //객체 생성자 함수 this.속성명=새 값; this.함수명=function() { 자바스크립트 코드; } } var 참조 변수(인스턴.. JavaScript_함수(1) 1. 함수 선언 -function 함수명() { 자바스크립트 코드; } -참조 변수=function() { 자바스크립트 코드; } =>함수 정의문 {...}안에 작성된 코드는 즉시 실행되지 않는다. 함수를 호출하는 기본형은 함수명(); 또는 참조 변수(); 2. 함수 호이스팅 : 함수 안에 있는 선언들을 모두 끌어올려서 해당 함수 유효범위의 최상단에 선언하는 것이다. var 변수 선언과 함수 선언문에서만 호이스팅이 일어난다. (함수 호출문이 먼저 나와도 호이스팅 방식이 적용되어 정상적으로 함수를 호출한다.) 3. 매개변수가 있는 함수 정의문 -function 함수명{(매개변수1, 매개변수2,... 매개변수n) 자바스크립트 코드; } 함수명(데이터1, 데이터2,... 데이터n); 4. 매개변수 없이 함수에.. JavaScript_객체 1. 객체 : 자바스크립트는 객체 기반 언어이고, 기능(Method)과 속성(Property)을 가지고 있다. -객체.메서드(); 객체.속성; 또는 객체.속성=값; -객체의 종류 : 내장 객체는 자바스크립트 엔진에 내장되어 있어 필요한 경우 생성해서 사용한다. ex) 문자(String), 날짜(Date), 배열(Array), 수학(Math) 브라우저 객체 모델은 브라우저 계층 구조로 내장되어 있는 객체이다. ex) window, screen, location, history, navigator 문서 객체 모델은 HTML 문서 구조이다. 2. 내장 객체 -참조 변수(인스턴트 이름)=new 생성 함수() -날짜 정보 객체(Date Object) -수학 객체(Math Object) -배열 객체(Array Ob.. JavaScript_제어문과 조건문, 선택문, 반복문 1. 제어문이란 프로그램 흐름을 제어할 수 있도록 도와주는 문장이다. -제어문에는 조건을 만족하는지의 여부에 따라 코드를 제어할 수 있는 조건문(if문/ else문/ else if문), 변수에 일치하는 경우의 값에 따라 코드를 제어할 수 있는 선택문(switch문), 특정 코드를 여러 번 반복해서 실행할 수 있도록 하는 반복문(while문/ for문)이 있다. 2. 조건문 - if문 : 조건식을 만족(true)할 경우에만 코드를 실행한다. if(조건식) { 자바스크립트 코드; } ex)var num=10; if(num true를 반환하여 웹페이지에 hello문구가 나옴. -조건식에 논리형 데이터가 아닌 다른 형이 오는 경우 : 조건식에 논리형 데이터 (true, false)가 아닌 다른 형의 데이터가 입.. 이전 1 2 3 4 다음
