본문 바로가기

JavaScript

(41)
17. String 객체 선언 방식에 따른 String 객체 비교 const str1 = "JavaScript"; const str2 = new String("JavaScript"); str1 == str2 // true str1 === str2 // 객체 생성하는 객체가 다르고 메모리도 다르게 쓰기 때문에 false length 문자열의 길이를 반환하는 프로퍼티 const str1 = '안녕하세요. JavaScript!'; console.log(str1); // 안녕하세요. JavaScript! console.log(str1.length); // 18 indexOf() 특정 문자나 문자열이 처음으로 등장하는 위치를 인덱스로 반환 찾지 못했을 경우 -1 반환 const str1 = '안녕하세요. JavaScript!'; cons..
16. Math 객체 Math 객체 수학에서 자주 사용하는 상수와 함수들을 미리 구현한 자바스크립트 표준 내장 객체 비교할 수 없는 값이 포함되어 있으면 NaN을 반환 Math 객체의 메소드 min() 가장 작은 수를 반환. 매개변수가 전달되지 않으면 Infinity를 반환 console.log(Math.min()); // Infinity console.log(Math.min(1, 10, -10, 1000, 0, '-100')); // -100 console.log(Math.min(1, 10, -10, 1000, 0, '마이너스백')); // NaN max() 가장 큰 수를 반환. 매개변수가 전달되지 않으면 -Infinity를 반환 console.log(Math.max()); // -Infinity console.log(Ma..
15. 프로토타입(prototype) 프로토타입(prototype) 모든 객체는 프로토타입이라는 객체를 가지고 있음 모든 객체는 프로토타입으로부터 프로퍼티와 프로퍼티 메소드를 상속받음 모든 객체는 최소한 하나 이상의 다른 객체로부터 상속을 받으며 상속되는 정보를 제공하는 객체를 프로토타입이라고 함 // 예시 const dog = new Dog(); // Dog.prototype, Object.prototype 상속 클래스 기반의 객체지향 언어와 다름 자바스크립트는 프로토타입 기반의 객체지향 언어 프로토타입 예제 function Dog(color, name, age) { this.color = color; this.name = name; this.age = age; } const Rucy = new Dog('white', '루시', 13); ..
14. 객체(Object) 객체(Object) 하나의 주제를 가지고 관련있는 프로퍼티를 가지고 있는 집합 프로퍼티(property) 이름과 값으로 구성된 정렬되지 않은 집합 프로퍼티는 함수도 저장할 수 있음 -> 프로퍼티 메소드 객체를 생성하는 방법 리터럴 표기법 const 객체명 = { 프로퍼티명1: 값1, 프로퍼티명2: 값2, ... 프로퍼티명n: function(){ 프로퍼티가 호출되면 실행할 문장; ... } } 리터럴 표기법 예제 const dog = { name: '루시', age: 13, color: 'white', birthday: '20091210', getBirthday:function(){ return this.birthday; } } console.log(dog.name); // 루시 console.log(d..
13. 화살표 함수 화살표 함수 function 키워드를 사용하여 함수를 만드는 것보다 간단하게 표현 화살표 함수는 항상 익명 매개변수가 없을 경우 const 함수명 = () =>{ 함수가 호출되었을 때 실행할 문장; ... } // 한 줄만 표현할 경우 const 함수명 = () => 함수가 호출되었을 때 실행할 문장; 매개변수가 있을 경우 const 함수명 = (매개변수1, 매개변수2, ...) =>{ 함수가 호출되었을 때 실행할 문장; ... } // 한줄만 표현할 경우 const 함수명 = (매개변수1, 매개변수2, ...) => 함수가 호출되었을 때 실행할 문장; // 매개변수가 1개인 경우에는 소괄호를 생략할 수 있음 const 함수명 = 매개변수1 => 함수가 호출되었을 때 실행할 문장; 화살표 함수 예제 co..
11. 사용자 정의 함수(function) 사용자 정의 함수(function) 하나의 특별한 목적의 작업을 수행하도록 설계된 독립적인 블록 필요할 때마다 호출하여 해당 작업을 반복해서 수행할 수 있음 코드를 재활용 함수 선언식 // 함수 선언식 function 함수명(매개변수1, 매개변수2, ...){ 함수가 호출되었을때 실행할 문장; ... return 값; } // 함수 사용 함수명(값1, 값2, ...); 함수 선언식 예제 function func1() { console.log('func1() 호출!'); } func1(); // func1() 호출! function func2(num) { console.log(`전달받은 매개변수의 값: ${num}`); } func2(); // undefined func2(10); // 전달받은 매개변수의..
10. 배열(Array) 배열(Array) 이름과 인덱스로 참조되는 정렬된 값의 집합(자료구조) 배열을 구성하는 각각의 값을 배열 요소라고 하며, 배열에서의 위치를 가리키는 숫자를 인덱스라고 함 배열 선언과 초기화 // 배열 선언 let 배열명; // 배열 초기화 배열명 = [요소1, 요소2, 요소3, ..]; let arr; arr = [100, 200, 300]; let arr= [100, 200, 300]; 배열 객체로 생성 const 배열명 = new Array(요소1, 요소2, ...); 배열의 접근 let arr; arr = [100, 200, 300]; console.log(arr[0]); // 100 console.log(arr[1]); // 200 console.log(arr[2]); // 300 자바스크립트의 ..
9. 제어문(반복문) 반복문 while문 주로 반복횟수를 모를 때 사용 while(조건식){ 조건식의 결과가 true인 동안 반복할 문장; ... } while문을 이용한 구구단 const dan = Number(prompt('원하는 단을 입력하세요')); console.log(`${dan}단`); let i = 1; while문 while(i