본문 바로가기

JavaScript15

(49) [JavaScript] 5일 JavaScript 객체 - 생성, 구조분해 객체(Object)란?객체는 JavaScript 언어 만이 가지고 있는 특징의 기초를 이루는 자료형으로,데이터를 저장하고 있는 프로퍼티 및 프로퍼티에 저장된 데이터에 조작을 가 할 수 있는method의 집합으로 구성된다.    프로토타입 기반 언어자바스크립트는 클래스 기반이 아닌 `프로토타입`을 기반으로하는 객체 기반 언어이다. 프로토타입 기반 언어는 프로토타입 객체라는 개념이 있으며, 새로운 객체의 초기 속성을 가져오는 템플릿으로 사용되는 객체이다. 객체 원형인 프로토타팁을 이용하여 새로운 객체를 만들며, 생성된 객체는 또 다른 객체의 원형이 될 수 있다. 프로토타입 언어는 클래스 없이 객체를 생성할 수 있다.   객체 생성 방법객체 이니셜라이저 또는 리터털생성자 함수Object.create메소드위와 .. 2024. 4. 28.
(49) [JavaScript] 5일 JavaScript 내장객체 Function 객체함수를 나타내는 객체.Function() 생성자는 새로운 Function 객체를 생성하며, 생성자를 호출하여 동적으로 함수를 생성할 수 있다.Function() 생성자로 함수를 만들 경우 보안 문제와 eval과 비슷한 유사(덜 심각한) 성능 문제가발생할 수 있다. 하지만, 전역 범위에서 코드를 실행할 수 있고, 코드를 최소화 할 수 있다.    Function 객체apply() 주어진 this 값과 배열(또는 유사 배열 객체)로 제공되는 arguments로 함수를 호출한다. 매개변수 : thisArg : fun를 호출하는데 제공될 this의 값이며, 메소드가 비 엄격 모드 코드내의 함수일 경우, null과 undefined는 전역 객체로 대체된다. call() : 주어진  this 값.. 2024. 4. 28.
(48) [JavaScript] 4일 JavaScript Array Array 객체는 일련의 값들을 저장할 수 있는 배열을 생성할 때 사용하는리스트 형태의 고수준 객체. 배열의 각 요소는 배열의 이름과 인덱스로 접근하여 사용하며 인덱스는 `0`부터 시작 Array 특징타입이 고정적이지 않다. 즉, 같은 배열에 있는 원소의 타입이 서로 다를 수 있다.32비트 인덱스를 사용.크기가 동적배열을 생성하거나 크기가 변경되어 다시 할당 하더라도 배열 크기를 다시 선언할 필요가 없다.배열 리터널에서 빠진 부분이 존재할 경우, 해당 부분의 원소 값은 undefined 된다. Array 객체 생성 배열 리터널을 이용한 1차원 배열 생성 배열   Array() 생성자를 이용한 2차원 배열 배열   Array 순회  배열-순회 .. 2024. 4. 24.
(47) [JavaScript] 3일 JavaScript 내장객체 내장객체 내장객체 - String   내장객체 - String   내장객체 - Date 2024. 4. 23.
(47) [JavaScript] 3일 JavaScript 함수&예외처리 함수(function)자바스크립트에서 함수란 특정작업을 수항해난 각 코드를 하나로 묶어 놓은 것을 의미한다.javaScript 함수는 Function객체. 즉, 모든 함수는 Function 타입의 인스턴스로다른 참조 타입과 마찬가지로 프로터티와 메소드가 있다.  함수 정의 및 호출 함수 선언 방법으로 함수 정의  var n; //함수 선언문 방식으로 함수 만들기 function sub1(x, y) { let s = x + y; return s; } //함수 호출 n = sub1(10, 5); console.log(n); 함수 표현식 방식으로 함수 정의 //함수 표현식 방식으로 함수 만들기 var sub2 = function(x, .. 2024. 4. 22.
(46) [JavaScript] 2일 JavaScript 기본 내장 함수 기본 내장 함수 자바스크립트는 자체적으로 미리 정의된 내장함수를 제공한다.표준 내장 객체의 함수 속성으로 제공한다.객체에 붙지 않고 전역으로 호출하는 함수로, 반환 값을 호출자에게 바로 반환한다. 문자열 → 숫자로 변환 함수 parseInt()문자열 인자의 구문을 분석해 특정 진수의 정수를 반환parseFloat()문자열을 분석해 부동소수점 실수로 반환한다. Number()인수를 ㅅ숫자로 변환할 수 없으면 NaN을 반환   숫자로 변환:parseInt(),parseFloat()   숫자로 변환 - Number()함수    숫자 확인 함수 isFinite()number가 무한한 값인지 확인, 유한.. 2024. 4. 19.