자바스크립트23 [JavaScript] 객체 객체(object)란? - 실생활에서 우리가 인식할 수 있는 사물 - 프로퍼티와 메소드를 가짐 자바스크립트 객체 - 자바스크립트의 기본 타입 = 객체 - 이름과 값으로 구성된 프로퍼티의 정렬되지 않은 집합 const cat = "나비"; // 일반적인 변수의 선언 // 객체도 많은 값을 가지는 변수의 하나임. const kitty = { name: "나비", family: "코리안 숏 헤어", age: 1, weight: 0.1 }; cat // 나비 kitty.name // 나비 - 숫자, 문자열, Boolean, undefined 타입을 제외한 모든 것이 객체 - 하지만 숫자, 문자열, Boolean과 같은 원시 타입은 값이 정해진 객체로 취급 => 객체로서의 특징을 가짐 객체의 프로퍼티 참조 객체이.. 2021. 10. 29. [JavaScript] 함수 - 미리 정의된 전역 함수 미리 정의된 전역 함수(predefined functions) - 사용자의 편의를 위해 미리 정의된 전역 함수들 - 어떤 타입의 객체에서도 바로 사용 가능 1. eval() 2. isFinite() 3. isNaN() 4. parseFloat() 5. parseInt() 6. encodeURI() 7. encodeURIComponent() 8. decodeURI() 9. decodeURIComponent() 10. escape() 11. unescape() 12. Number() 13. String() 1. eval() - 문자열로 표현된 코드 실행 eval("문자열"); const x = 10, y = 20; const a = eval("x + y");// 30 const b = eval("y * 3".. 2021. 10. 28. [JavaScript] 함수 - 매개변수와 인수 매개변수(parameter) - 함수 정의 시, 매개변수의 타입 명시 X - 함수 호출 시, 인수에 대한 타입 검사도 X - 함수의 정의보다 적은 수의 인수가 전달되어도 오류 X => 자동으로 undefined 설정 매개변수(parameter) : 함수 정의에서 전달받은 인수를 함수 내부로 전달하기 위해 사용하는 변수 인수(argument) : 함수 호출 시, 함수로 전달해주는 값 function addNum(x, y, z) { return x + y + z; } addNum(1, 2, 3);// 1+2+3 = 6 addNum(1, 2);// 1+2+undefined = NaN addNum(1);// 1+undefined+undefined = NaN addNum();// undefined+undefine.. 2021. 10. 28. [JavaScript] 함수 - 변수/함수의 유효 범위 변수의 유효 범위(variable scope) - 해당 변수가 접근할 수 있는 변수, 객체, 함수의 집합 - 객체 / 함수 는 모두 변수 1. 지역 변수(local variable) 2. 전역 변수(global variable) 1. 지역 변수(local variable) - 함수 내에서 선언된 변수 / 매개변수 - 변수가 선언된 함수 내에서만 유효 => 함수 종료 시, 메모리에서 사라짐 function localNum() { const num = 10; console.log(typeof num);// number } localNum(); console.log(typeof num);// undefined * 선언되지 않은 변수를 사용 => 오류 / typeof 연산자는 오류 대신 undefined 2. .. 2021. 10. 28. [JavaScript] 함수의 기초 함수(function)란? - 하나의 특별한 목적의 작업을 수행하도록 설계된 독립적인 블록 - 필요할 때마다 호출 => 해당 작업 반복 수행 자바스크립트 함수 - 함수도 하나의 타입(datatype) - 변수 대입, 프로퍼티 지정 가능 - 다른 함수 내 중첩 가능 함수의 정의 - function 키워드 사용 1. 함수의 이름 2. 괄호 안에 쉼표(,)로 구분되는 함수의 매개변수(parameter) 3. 중괄호 { } 로 둘러싸인 실행문 function 함수이름(매개변수1, 매개변수2,...) { 함수가 호출되었을 때 실행하고자 하는 실행문; } - 함수 이름 : 함수를 구분하는 식별자 - 매개변수 : 함수 호출 시 전달된 인수(argument)를 함수 내부에서 사용할 수 있게 해주는 변수 - 인수와 매개.. 2021. 10. 24. [JavaScript] 배열 배열(array)이란? : 이름과 인덱스로 참조되는 정렬된 값의 집합 - 배열을 구성하는 값 = 배열 요소(element) - 배열에서의 위치를 가리키는 숫자 = 인덱스(index) 특징 1. 배열 요소의 타입 고정 X => 같은 배열 내 요소끼리 타입이 서로 다를 수 있음 2. 인덱스가 연속적이지 않아도 됨 => 특정 요소는 비어있을 수도 O 3. Array 객체 배열의 생성 1. var arr = [배열요소1, 배열요소2,...]; // 배열 리터럴을 이용하는 방법 2. var arr = Array(배열요소1, 배열요소2,...); // Array 객체의 생성자를 이용하는 방법 3. var arr = new Array(배열요소1, 배열요소2,...); // new 연산자를 이용한 Array 객체 생성.. 2021. 10. 24. 이전 1 2 3 4 다음