반응형 Frontend/JavaScript27 [JavaScript] Number 클래스 함수 ⚫Number 클래스 함수 숫자값이 저장된 객체를 생성하기 위한 클래스 함수 - Number 객체(클래스 함수)로 프로퍼티와 메소드 사용 가능 실습코드👩💻 2024. 1. 5. [JavaScript] Array 클래스 함수 + forEach, push, pop, unshift, shift 메소드 ⚫Array 클래스 함수 다수의 값을 요소에 저장할 객체를 생성하기 위한 클래스 함수 - Array 객체로 프로퍼티와 메소드 사용 가능 실습예제👩💻 forEach, push, pop, unshift, shift 메소드 확인하기! 2024. 1. 5. [JavaScript]객체(Object) 자바랑 비슷한듯하면서도 뭔가 헷갈리게 하는 자바스크립트의 객체.. 객체.. 프로토타입.. 이게 다 뭔데 라는 생각이 계속 들었다. 그러다가 TCP School에 정리된 내용이 가장 이해하기 쉬웠다. 자바스크립트의 기본 타입(data type)은 객체(object)다. 객체란 이름(name)과 값(value)으로 구성된 프로퍼티(property)의 정렬되지 않은 집합이다. 프로퍼티의 값으로 함수가 올 수도 있는데, 이러한 프로퍼티를 메소드(method)라고 한다. 자바스크립트에서는 숫자, 문자열, 불리언, undefined 타입을 제외한 모든 것이 객체이다. 하지만 숫자, 문자열, 불리언과 같은 원시 타입은 값이 정해진 객체로 취급되어, 객체로서의 특징도 함께 가지게 된다. 출처: TCP School ⚫O.. 2024. 1. 5. [JavaScript]클래스 자료형과 객체(+ in 연산자, with구문) 🤔클래스 자료형과 객체 ES6에서는 class 키워드로 클래스 자료형을 작성하여 객체 생성 가능 - 내부적으로 클래스 함수(프로토타입)로 처리 실습예제 Human 클래스 작성 class Human { //constructor 키워드로 생성자 함수 작성 constructor(num) { //this 키워드를 사용한 변수에 매개변수로 전달받은 값 저장 - 프로퍼티 this.num=num; } } extends 키워드를 사용하여 부모클래스를 상속받아 자식클래스 작성 가능 => 부모클래스의 프로퍼티와 메소드를 상속받아 사용 가능 class Student extends Human { constructor(num, name, address) { //super : 부모클래스의 객체의 참조하기 위한 키워드 //supe.. 2024. 1. 4. [JavaScript]프로토타입(Prototype)과 객체 🤔프로토타입과 객체 ▪️ 자바스크립트는 객체 지향 프로그래밍 언어로 객체를 이용하여 프로그램 작성 - 자바스트립트는 모든 값을 객체로 표현하여 처리 ▪️ 객체(Object) : 현실에 존재하는 특정 대상을 프로그램에서 사용하기 위해 프로퍼티(Property : 표현대상의 속성)와 메소드(Method : 표현대상의 행위)를 구성하여 생성한 값 ▪️ 자바스크립트의 모든 객체는 프로토타입(prototype)이라는 객체를 가지고 있고, 그들의 프로토타입으로부터 프로퍼티와 메소드를 상속받음. 이처럼 자바스크립트의 모든 객체는 최소한 하나 이상의 다른 객체로부터 상속을 받으며, 이때 상속되는 정보를 제공하는 객체를 프로토타입(prototype)이라고 함. ▪️ 자바스크립트는 클래스(Class) 자료형 대신 클래스 .. 2024. 1. 4. [JavaScript]내장함수 - isFinite 함수 내장함수 isFinite 함수 isFinite(value) : 매개변수로 전달받은 값이 무한수인 경우 [false]를 반환하고 유한수인 경우 [true]를 반환하는 함수 실습예제👩💻 10을 0으로 나눈 값은 무한수이기 때문에 isFinite 함수를 사용하면 [false]를 반환하여 아래와 같은 결과 실행됨. 2024. 1. 4. 이전 1 2 3 4 5 다음 반응형