본문 바로가기

프로그래밍 공부/JavaScript

 (55)
JavaScript - Date 객체 Date 객체는 날짜와 시간을 표시하는 객체이다. let date=new Date(); alert(date); 위와 같은 방법으로 생성이 가능하다. 시간은 최신 웹 브라우저는 GMT시간을 기준으로 표기가 되고, 일부 구형 웹 브라우저들은 UTC 시간을 기준으로 표기된다. 1 2 3 4 5 let BirthDay = new Date('December 18, 1991 02:30:00') let ToDay = new Date(2018, 0, 1, 0, 0, 0); console.log(BirthDay); console.log(ToDay); Colored by Color Scripter cs 문자열(영어로 가능하다)로 입력하는 방식도 있고, 매개변수에 숫자로 연, 월, 일, 시, 분, 초 그리고 밀리 초 순서로..
JavaScript - Array 객체 Array 객체는 여러 가지 자료를 쉽게 관리할 수 있게 도와주는 객체이다. let array1=[1, 2, 3, 4, 5]; let array2=new Array(); let array3=new Array(10); let array4=new Array(1, 2, 3, 4, 5); Array 객체는 이전에 만들던 방법부터 Array 객체를 통해 만드는 방법까지 사용할 수 있다. 위의 생성하는 법중에서 두 번째와 세 번째 방법의 차이점은 Array()에 경우 빈 배열을 만드는 것이고, Array(10)에 경우는 매개변수의 수 만큼(여기서는 10)의 크기를 가지는 배열을 생성하는 것이다. 속성 이름 설명 length 요소의 개수를 알아낸다. for 반복문을 통해서 Array 객체의 요소를 확인 할 수 있다...
JavaScript - String 객체 String 객체는 자바스크립트에서 가장 많이 사용한다. let stringFromLiteral = 'String Object'; let StringFromConstructor=new String('String Object'); let result=''; result+=typeof(stringFromLiteral)+'\n'; result+=typeof(StringFromConstructor); alert(result); String의 속성(Attribute)은 하나만 존재한다. 속성 이름 설명 length 문자열의 길이를 나타낸다. 속성은 length 하나 밖에 존재하지 않지만 많이 사용하는 속성이다. let input = prompt('Write a string', 'Please write over 6..
JavaScript - Number 객체 Number 객체는 자바스크립트에서 가장 단순한 객체로 숫자를 표현할 때 사용한다. let numberFromLiteral=273; 또는 let numberFromConstructor=new Number(273); Number 객체는 Object 객체가 가지는 메서드와 함께 추가로 세 가지의 메서드를 사용한다. 메서드 이름 설명 toExponential() 숫자를 지수 표기법으로 표기하고 반환한다. toFixed() 숫자를 고정 소수점 표기법으로 표기하고 반환한다. toPrecision() Number 객체를 지정된 정밀도로 나타낸 문자열을 반환한다. 위의 메서드는 모드 매개변수로 숫자를 하나 입력받는다. toExponential() 메서드는 유효 숫자의 자릿수를 의미하고, 그 외의 메서드는 소수점 몇째..
JavaScript - Object 객체 Object 객체는 자바스크립트의 최상위 객체이다. 정확히는 Object 생성자 함수로 만든 인스턴트이다. Object 객체는 아래의 두 가지 방법으로 생성이 가능하다. let object = {}; 또는 let object = new Object(); Object 객체에 있는 메서드는 총 7가지가 있다. 메서드 이름 설명 constructor() 객체의 생성자 함수를 나타낸다. hasOwnProperty(name) 해당 객체가 특정한 이름의 요소를 가지고 있는지 확인한다. isPrototypeof(object) 해당 객체가 다른 객체의 프로토타입에 속했는지 확인한다. propertyIsEnumerable(name) 특정 속성이 열거할 수 있는지 확인한다. toLocaleString() 객체를 호스트 환..
JavaScript - 기본 자료형과 객체의 차이점 이전에 배운 내용으로 자바스크립트의 자료형은 총 6가지가 있다. 자료형 설명 Number 숫자 String 문자열 Boolean 불린(true / false) Null null / Null Undefined undefined / Undefined Object 객체 또한 배열(Array)은 객체에 포함이 된다. Object를 제외한 Number, String, Boolean 등은 기본 자료형(Primitive data)에 해당이 되고 객체인 Object와는 다르다. 속성(Property)과 메서드(Method)는 객체가 가질 수 있는 특성이다. 하지만 기본 자료형에서도 속성과 메서드는 있으나, 이것은 기본 자료형의 속성이나 메서드를 사용하면 기본 자료형은 객체로 변환되기 때문에 일어나는 일이다. 1 2 3..
JavaScript - 생성자 함수 연습문제 속성 값 이름 삼겹살 무게 100g 가격 1690원 메서드 설명 calculator() 무게를 기반으로 가격을 계산 생성자 함수 이름을 Product로 가지고 product.calculate(200)을 입력할 때 3380을 출력하는 생성자 함수를 만들어라 더보기 생성자 함수 function Product(name, weight, price){ this.name=name; this.weight=weight; this.price=price; this.calculate=function(weight){ return this.price*(weight/this.weight); } } let product=new Product('삼겹살', 100, 1690); alert('가격은 '+product.calculate(..
JavaScript - 상속 상속은 기존의 생성자 함수나 객체를 기반으로 새로운 생성자 함수나 객체를 쉽게 만드는 것을 뜻한다. 기존의 객체를 기반으로 생성하기 때문에 새로 만들어지는 객체에는 기존 객체의 특성이 들어가 있다. 이것을 기존의 객체에서 유산(속성과 메서드)을 물려받는 것과 비슷하다고 해서 상속이라고 부른다. Rectangle의 프로토타입을 Square에 상속한다. // Rectangle의 넓이를 구하는 함수 function Rectangle(w, h){ let width=w; let height=h; this.getWidth=function(){ return width; } this.getHeight=function(){ return height; } this.setWidth=function(value){ if(value

티스토리툴바