본문 바로가기

JavaScript13

JavaScript 객체 객체(object)란? 객체(object)란 실생활에서 우리가 인식할 수 있는 사물로 이해할 수 있습니다. 자바스크립트 객체 자바스크립트의 기본 타입(data type)은 객체(object)입니다. 객체란 이름(name)과 값(value)으로 구성된 프로퍼티(property)의 정렬되지 않은 집합입니다. 프로퍼티의 값으로 함수가 올 수도 있는데, 이러한 프로퍼티를 메소드(method)라고 합니다. 예) var cat = "나비"; // 일반적인 변수의 선언 // 객체도 많은 값을 가지는 변수의 하나임. var kitty = { name: "나비", family: "코리안 숏 헤어", age: 1, weight: 0.1 }; cat // 나비 kitty.name // 나비 자바스크립트에서는 숫자, 문자열,.. 2020. 7. 1.
JavaScript 함수 함수(function)란? 함수(function)란 하나의 특별한 목적의 작업을 수행하도록 설계된 독립적인 블록을 의미합니다. 이러한 함수는 필요할 때마다 호출하여 해당 작업을 반복해서 수행할 수 있습니다. 예) function addNum(x, y) { return x + y; } document.write(addNum(2, 3)); 자바스크립트에서 블록이란 함수나 실행문의 중괄호({})로 묶여진 부분을 가리킵니다. 자바스크립트 함수 자바스크립트에서는 함수도 하나의 타입(datatype)입니다. 따라서 함수를 변수에 대입하거나, 함수에 프로퍼티를 지정하는 것도 가능합니다. 또한, 자바스크립트 함수는 다른 함수 내에 중첩되어 정의될 수도 있습니다. 함수의 정의 자바스크립트에서 함수의 정의는 functio.. 2020. 7. 1.
JavaScript 배열 배열(array)이란? 자바스크립트에서 배열(array)은 이름과 인덱스로 참조되는 정렬된 값의 집합으로 정의됩니다. 배열을 구성하는 각각의 값을 배열 요소(element)라고 하며, 배열에서의 위치를 가리키는 숫자를 인덱스(index)라고 합니다. 자바스크립트에서 배열의 특징은 다음과 같습니다. 1. 배열 요소의 타입이 고정되어 있지 않으므로, 같은 배열에 있는 배열 요소끼리의 타입이 서로 다를 수도 있습니다. 2. 배열 요소의 인덱스가 연속적이지 않아도 되며, 따라서 특정 배열 요소가 비어 있을 수도 있습니다. 3. 자바스크립트에서 배열은 Array 객체로 다뤄집니다. 배열의 생성 자바스크립트에서 배열을 만드는 방법은 다음과 같습니다. 문법 1. var arr = [배열요소1, 배열요소2,...]; .. 2020. 7. 1.
JavaScript 제어문 제어문(control flow statements) 프로그램의 순차적인 흐름을 제어해야 할 때 사용하는 실행문을 제어문이라고 합니다. 이러한 제어문에는 조건문, 반복문 등이 포함됩니다. 조건문(conditional statements) 조건문이란 프로그램 내에서 주어진 표현식의 결과에 따라 별도의 명령을 수행하도록 제어하는 실행문입니다. 조건문 중에서 가장 기본이 되는 실행문은 if 문입니다. 자바스크립트에서 사용할 수 있는 조건문의 형태는 다음과 같습니다. 1. if 문 2. if / else 문 3. if / else if / else 문 4. switch 문 if 문 if 문은 표현식의 결과가 참(true)이면 주어진 실행문을 실행하며, 거짓(false)이면 아무것도 실행하지 않습니다. if 문의 .. 2020. 7. 1.
JavaScript 연산자 연산자(operator) 자바스크립트는 여러 종류의 연산을 위한 다양한 연산자(operator)를 제공하고 있습니다. 산술 연산자(arithmetic operator) 산술 연산자는 사칙연산을 다루는 가장 기본적이면서도 많이 사용하는 연산자입니다. 산술 연산자는 모두 두 개의 피연산자를 가지는 이항 연산자이며, 피연산자들의 결합 방향은 왼쪽에서 오른쪽입니다. 항이란 해당 연산의 실행이 가능하기 위해 필요한 값이나 변수를 의미합니다. 따라서 이항 연산자란 해당 연산의 실행을 위해서 두 개의 값이나 변수가 필요한 연산자를 의미합니다. 예) var x = 10, y = 4; document.write(x + y + " "); // 14 document.write(x - y + " "); // 6 documen.. 2020. 7. 1.
JavaScript 타입 기본 타입 타입(data type)이란 프로그램에서 다룰 수 있는 값의 종류를 의미합니다. 자바스크립트에서는 여러 가지 형태의 타입을 미리 정의하여 제공하고 있으며, 이것을 기본 타입이라고 합니다. 자바스크립트의 기본 타입은 크게 원시 타입과 객체 타입으로 구분할 수 있습니다. 원시 타입(primitive type)은 다음과 같습니다. 1. 숫자(number) 2. 문자열(string) 3. 불리언(boolean) 4. 심볼(symbol) : ECMAScript 6부터 제공됨 5. undefined 객체 타입(object type)은 다음과 같습니다. 6. 객체(object) 예) var num = 10; // 숫자 var myName = "홍길동"; // 문자열 var str; // undefined .. 2020. 7. 1.