JavaScript
-
[객체] - 객체의 생성방법JavaScript/기본 1 2022. 2. 5. 13:42
리터럴 표기(literal notation)를 이용한 방법 // 문법 var 객체이름 = { 프로퍼티1 이름: 프로퍼티1의 값, 프로퍼티2 이름: 프로퍼티2의 값, ... }; // 예제 var kitty = { name: "나비", family: "코리안 숏 헤어", age: 1, weight: 0.1 }; document.write("고양이 이름은 " + kitty.name + "이고, 종은 " + kitty.family + "입니다."); // 고양이 이름은 나비이고, 종은 코리안 숏 헤어입니다. 생성자 함수(constructor function)를 이용한 방법 new 연산자 사용하여 객체 생성하고 초기화할 수 있다. => 생성자(constructor) 자바스크립트에서 제공하는 생성자를 사용할 수도..
-
[객체] - 객체 기본 개념JavaScript/기본 1 2022. 2. 5. 11:31
객체(object)란? 실생활에서 우리가 인식할 수 있는 사물로 이해하는 것 객체의 프로퍼티 참조 [문법] 객체이름.프로퍼티이름 또는 객체이름["프로퍼티이름"] var person = { name: "홍길동"; // 이름 프로퍼티를 정의함 birthday: "030219"; // 생년월일 프로퍼티를 정의함 pld: "1234567"; // 개인 id 프로퍼티를 정의함 fullId: function() { // 생년월일과 개인 id를 합쳐서 주민등록번호를 반환함 return this.birthday + this.pld; } }; person.name // 홍길동 person["name"] // 홍길동 객체의 메소드 참조 [문법] 객체이름.메소드이름( ) var person = { name: "홍기동", b..
-
[함수] - 미리 정의된 전역 함수JavaScript/기본 1 2022. 1. 22. 18:17
미리 정의된 전역 함수 자바스크립트의 어떤 타입의 객체에서도 바로 사용할 수 있다. eval( ) // 문자열로 표현된 자바스크립트 코드를 실행하는 함수 // 문법 eval("문자열"); // 예제 var x = 10, y = 20; var a = eval("x + y"); // 30 var b = eval("y * 3"); // 60 document.write(a + " ") + b); // 30 60 isFinite( ) // 전달된 값이 유한한 수인지 검사하여 그 결과를 반환 // 만약 인수로 전달된 값이 숫자가 아니라면, 숫자로 변환하여 검사 // 문법 isFinite(검사할 값); isFinite(123); // true isFinite(123e100); // true isFinite(0); /..
-
[함수] - 매개변수와 인수JavaScript/기본 1 2022. 1. 22. 17:25
매개변수(parameter) 함수의 정의에서 전달받은 인수를 함수 내부로 전달하기 위해 사용하는 변수를 의미 함수 정의할 때 매개변수의 타입을 따로 명시하지 않는다. 함수 호출 시 인수(argument)로 전달된 값에 대해 어떠한 타입 검사도 하지 않는다. 인수란, 함수가 호출될 때 함수로 값을 전달해주는 값 함수 호출 시 적은 수의 인수가 전달되더라도 오류를 발생시키지 않는다. NaN 반환 (계산 할 수 없다) 전달되지 않은 나머지 매개변수에 자동으로 undefined값을 설정한다. 산술 연산 수행을 하지 못한다. function addNum(x, y, z) { // x, y, z라는 3개의 매개변수를 가지는 함수 addNum() 정의 return x + y + z; } addNum(1, 2, 3); ..
-
[함수] - 함수의 유효범위JavaScript/기본 1 2022. 1. 16. 16:33
함수의 유효범위 (function scope) 블록 내에서 정의된 변수를 블록( { } ) 외부에서는 접근할 수 없다. 블록을 기준으로 하는 유효범위를 블록 단위의 유효범위라 한다. // 예제 // x, y, name을 전역 변수로 선언 var x = 10, y = 20; // sub()를 전역 함수로 선언 function sub() { return x - y; // 전역 변수인 x, y에 접근 } document.write("전역 함수에서 x - y의 값은 " + sub() + "입니다. "); // 전역 함수에서 x - y의 값은 -10입니다. // parentFunc()을 전역 함수로 선언 function parentFunc() { var x = 1, y = 2; // 전역 변수와 같은 이름으로 선..
-
[함수] - 변수의 유효범위JavaScript/기본 1 2022. 1. 16. 16:10
변수의 유효범위(scope) 해당 변수가 접근할 수 있는 변수, 객체 그리고 함수의 집합을 의미 지역변수( local variable ) 전역변수( global variable ) 지역 변수 함수 내에서 선언된 변수 함수 내에서만 유효 함수가 종료되면 메모리에서 사라진다. // 예제 function localNum() { var num = 10; // 지역 변수 num에 숫자 10을 대입 document.write("함수 내부에서 변수 num의 타입은" + typeof num + "입니다. "); // 함수 내부에서 변수 num이 타입은 number입니다. } localNum(); // localNum() 호출 document.write("함수의 호출이 끝난 뒤 변수 num의 타입은" + typeof n..
-
[함수] - 기초JavaScript/기본 1 2022. 1. 16. 15:50
함수 하나의 특별한 목적의 작업을 수행하도록 설계된 독립적인 블록 자바스크립트 함수 하나의 타입(datatype) 함수를 변수에 대입하거나 함수에 프로퍼티를 지정하는 것도 가능 다른 함수 내에 중첩되어 정의될 수 있다. 함수 정의 function 키워드로 시작 구성요소1 : 함수의 이름 구성요소2 : 괄호 안에 쉼표(,)로 구분되는 함수의 매개변수 (parameter) 구성요소3 : 중괄호로 둘러싸인 자바스크립트 실행문 function 함수이름(매개변수1, 매개변수2, ...) { // 함수가 호출되었을 때 실행하고자 하는 실행문 } // 함수이름 : 함수를 구분하는 식별자 // 매개변수 : 함수를 호출할 때 인수로 전달된 값을 함수 내부에서 사용할 수 있게 해주는 변수 // 예제 // addNum라는 ..
-
[배열] - 활용JavaScript/기본 1 2022. 1. 15. 14:25
희소 배열 배열에 속한 요소의 위치가 연속적이지 않은 배열 length 프로퍼티 값보다 배열 요소의 개수가 적다 // 예제 var arr = new Array(); // 빈 배열 객체 생성 arr[99] = "JavaScript"; // 배열 arr의 100번째 위치에 문자열 삽입 document.write("배열의 길이는" + arr.length + "입니다."); // 배열의 길이는 100입니다. 다차원 배열 배열 요소가 또 다른 배열인 배열을 의미 2차원 배열 : 배열 요소가 1차원 배열인 배열 3차원 배열 : 배열 요소가 2차원 배열인 배열 // 예제 var arr = new Array(3); // 3개의 요소를 가지는 배열 생성 for(var row = 0; row < 3; row++) { ar..