본문 바로가기
728x90
반응형
SMALL

Web96

[JavaScript] 객체 - 2️⃣String 객체 & String객체 함수 1. String 객체 1-1. 원형 문자열(primitive strings) 문자열 리터럴(작은 따옴표 또는 큰 따옴표로 생성되는)과 생성자 없이(즉. new 키워드를 사용하지 않고) String을 호출하여 반환 JavaScript는 자동적으로 원형을 String 오브젝트로 변환 String 오브젝트 메서드를 사용하여 원형문자열을 생성 문맥 안의 메서드에서 프로퍼티 조회 또는 원형의 문자열 호출이 발생하면, JavaScript는 자동으로 문자열 원형을 감싸고 프로퍼티 조회를 수행 하거나 메서드를 호출 //1번 const str1 = 'JavaScript'; //2번 const str2 = new String('JavaScript') str1 == str2 // true 1번과 2번의 데이터는 같음 st.. 2023. 4. 11.
[JavaScript] 객체 - 1️⃣Math 객체 & Math 객체 함수 1. Math 객체 수학에서 자주 사용하는 상수와 함수들을 미리 구현한 자바스크립트 표준 내장 객체 비교할 수 없는 값이 포함되어 있으면 NaN을 반환 2. Math객체 함수 min(): 가장 작은 수를 반환. 매개변수가 전달되지 않으면 Infinity를 반환 max(): 가장 큰 수를 반환. 매개변수가 전달되지 않으면 -Infinity를 반환 round(): 소수점 첫번째 자리에서 반올림하여 그 결과를 반환 floor(): 소수점을 버림 ceil(): 소수점을 올림 random(): 0보다 크거나 같고 1보다 작은 무작위 소수를 반환 Math 객체 MDN: Math https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects.. 2023. 4. 11.
[JavaScript] 상속과 프로토타입(Prototype) 1. 상속 클래스 기반의 객체지향 언어와 다름 자바스크립트는 프로토타입 기반의 객체 지향 언어 2. 프로토타입(prototype) 모든 객체는 프로토타입이라는 객체를 가지고 있음 모든 객체는 프로토타입으로부터 프로퍼티와 프로퍼티 메소드를 상속받음 모든 객체는 최소한 하나 이상의 다른 객체로부터 상속을 받으며 상속되는 정보를 제공하는 객체를 프로토타입이라고 함 const dog = new Dog(); // Dog.prototype, Object.prototype 둘다 상속받음 프로토타입 프로토타입 2023. 4. 11.
[JavaScript] 객체(Object)란? & 객체 생성 표기법 1. 객체(object)❓ 자바스크립트에서 원시 타입(Primitives)을 제외한 나머지 값들(함수, 배열, 정규표현식 등)은 모두 객체 하나의 주제를 가지고 관련있는 프로퍼티를 가지고 있는 집합 📍프로퍼티(property)란? 이름과 값으로 구성된 정렬되지 않은 집합 프로퍼티는 함수도 저장할 수 있음 ➡️ 프로퍼티 메소드 2. 객체를 생성하는 방법 2-1. 리터럴(픽스된 값) 표기법 가장 일반적인 자바스크립트의 객체 생성 방식 클래스 기반 객체 지향 언어와 비교할 때 매우 간편하게 객체를 생성할 수 있음 중괄호({})를 사용하여 객체를 생성 {}중괄호 내에 1개 이상의 프로퍼티를 기술하면 해당 프로퍼티가 추가된 객체를 생성할 수 있음 {} 중괄호 내에 아무것도 기술하지 않으면 빈 객체가 생성 프로퍼티.. 2023. 4. 11.
[JavaScript] 화살표 함수(arrow function expression) 1. 화살표 함수(arrow function expression)란 ❓ function 키워드를 사용하여 함수를 만드는 것보다 간단하게 표현 this나 super에 대한 바인딩이 없고, methods로 사용될 수 없음 Constructor(생성자)를 사용할 수 없음 화살표 함수는 항상 익명 2. 함수의 표현 2-1. 매개변수가 없을 경우 // => 사용 // 표현1 const 함수명 = () => { 함수가 호출되었을 때 실행될 문장; ... } // 표현2 const 함수명 = () => 함수가 호출되었을 때 실행될 문장; 화살표 함수 2-2. 매개변수가 있을 경우 // 표현1 const 함수명 = (매개변수1, 매개변수2..) => { 함수가 호출되었을 때 실행될 문장; ... } // 표현2 con.. 2023. 4. 11.
[JavaScript] 호이스팅(Hoisting)이란? & 함수 선언문과 함수 표현식에서의 호이스팅 1. 호이스팅(hoisting)이란 ❓ 인터프리터가 변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 것 var로 선언한 변수의 경우 호이스팅 시 undefined로 변수를 초기화 let과 const 로 선언한 변수의 경우 호이스팅 시 변수를 초기화하지 않음 함수 안에 있는 선언들을 모두 끌어올려서 해당 함수 유효 범위의 최상단에 선언되는 현상을 말하는 것 변수를 정의하는 코드보다 사용하는 코드가 앞서 등장할 수 있음! 2. 함수선언문과 함수표현식에서의 호이스팅 📌 함수선언문과 함수표현식의 차이⬇⬇⬇ 더보기 https://coding-yesung.tistory.com/115 호이스팅 MDN: Hoisting https://developer.mozilla.org/ko/docs/Glossary/Hoist.. 2023. 4. 11.
[JavaScript] 사용자 정의 함수(function) - 함수 선언과 함수 호출 1. 사용자 정의 함수(function) 하나의 특별한 목적의 작업을 수행하도록 설계된 독립적인 블록 필요할 때마다 호출하여 해당 작업을 반복해서 수행할 수 있음 코드를 재활용하기 위해 사용 1-1. 함수 표현 방법 1) 함수 선언문 function 함수명(매개변수1, 매개변수2...){ 함수가 호출되었을 때 실행할 문장; ... return 값; } 함수명(값1, 값2...) 2) 함수 표현식 📍 함수표현식으로 사용하는 것을 권장함! let 또는 const 변수명 = function(매개변수1, 매개변수2 ...){ 함수가 호출되었을 때 실행할 문장; ... return 값; } 변수명(값1, 값2...) 1-2. 디폴트 매개변수 매개변수의 값을 설정하는 것 매개변수의 값을 정하지 않으면 기본값을 변수.. 2023. 4. 11.
[JavaScript] 배열(Array)이란? & 자바스크립트 배열의 특징, 배열 객체 메소드, 배열 객체와 for문 1. 배열(Array)이란❓ 이름과 인덱스로 참조되는 정렬된 값의 집합(자료구조) 배열을 구성하는 각각의 값을 배열 요소라고 하며, 배열에서의 위치를 가리키는 숫자를 인덱스라고 함 1-1. 배열 선언 let 배열명; 1-2. 배열 초기화 배열명 = [요소1, 요소2, ....] // 예) let arr; arr=[200, 300, 500]; let arr = [200, 300, 500]; 1-3. 배열 객체로 생성 const 배열명 = new Array(요소1, 요소2, ...); 1-4. 배열의 접근 let arr; arr=[200, 300, 500]; console.log(arr[0]); // 100 console.log(arr[1]); // 200 console.log(arr[2]); // 300 .. 2023. 4. 11.
728x90
반응형
LIST

티스토리툴바