본문 바로가기

자바스크립트8

12. [JavaScript] 표준 내장 객체 - Object 🏃🏻‍♀️ 표준 내장 객체 [ Object, 객체 ] 🏰 const object; const alien = { name: 'Poppy', age: 300, nationality: 'Space', } - Object.entries(Object); 배열안에 대상객체의 속성과 값을 자식 배열로 만들어 배열안에 배열이 아이템으로 있는 이중배열을 반환함 console.log(Object.entries(alien)); // (3)[Array(2), Array(2), Array(2)] // 0: (2) ['name', 'Poppy'] // 1: (2) ['age', 300] // 2: (2) ['nationality', 'Space'] // length: 3 // [[Prototype]]: Array(0) // fo.. 2023. 8. 27.
10. [JavaScript] 표준 내장 객체 - Date 🏃🏻‍♀️ 표준 내장 객체 [ Date, 날짜 ] MDN - Date 🏰 const date; // const 인스턴스 = 생성자함수(new) 객체, 함수명, 클래스; const today = new Date(); // 인수로 숫자데이터를 넣어서 원하는 날짜 설정 가능 // 월에 해당하는 인수만 제로베이스트넘버링사용 // 5는 6월에 해당(1월=0, 2월=1...12월=11) const birthDay = new Date(1988, 5, 11, 9, 27, 33); // 원하는 날짜 설정순서: 년, 월, 일, 시, 분, 초 // 인수로 타임스템프 형식의 문자데이터를 넣어도 해석해서 날짜형식의 인스턴스로 반환 const stBirth = new Date('수 Jun 6 1988 9:27:33 GMT+090.. 2023. 8. 6.
9. [JavaScript] 표준 내장 객체 - Math 🏃🏻‍♀️ 표준 내장 객체 [ Math, 수학 ] Math의 모든 멤버(속성과 메서드) 정적임. Math객체(Math 클래스)에 사용해야함 MDN - Math - 🏰 const math; const pi = 3.1415926535; const num0 = 123; const num1 = -123; const num2 = 60; const num3 = 10; - Math.abs(num); absolute(절대값)의 줄임말로 숫자의 절대값은 +,-를 제거한 값 즉 인수가 음수이면 양수로 변환해서 반환 (양수와 0은 그대로 반환) console.log(Math.abs(num0)); // 123 console.log(Math.abs(num1)); // 123 - Math.ceil(num); 소수점을 올림해서 정.. 2023. 8. 1.
8. [JavaScript] 표준 내장 객체 - Number 🏃🏻‍♀️ 표준 내장 객체 [ Number, 숫자 ] 🏰 const number; const pi = 3.1415926535; const piStr = '3.1415926535'; const num0 = 123456; const numStr = '123456'; const numNat = NaN; const str = 'Hello world'; const nul = null; - .toFixed(num); 대상이 부동소숫점일때 소수점 자리를 인수만큼 잘라서 문자 데이터로 반환 console.log(pi); // numberData 3.1415926535 console.log(pi.toFixed(2)); // stringData 3.14 // parseFloat(); 숫자형식의 문자데이터를 숫자데이터로 반.. 2023. 7. 31.
7. [JavaScript] 표준 내장 객체 - String 🏃🏻‍♀️ 표준 내장 객체 멤버 - 객체의 속성과 메소드를 통틀어 칭함 [ String, 문자 ] MDN - string의 멤버 🏰 const welcome; const welcome = 'Welcome to the world of Poppy!'; // length 123456789012345678901234567890 // index 012345678901234567890123456789 // backCounting -098765432109876543210987654321 (음수, 모든 숫자 앞에 -) - .length 특수문자, 띄어쓰기를 포함한 문자열의 갯수(길이)를 숫자 데이터로 반환 console.log(welcome.length); // 30 - .includes('문자데이터', index);.. 2023. 7. 27.
6. [JavaScript] 클래스 🏃🏻‍♀️ class [ 프로토 타입 ] prototype 자바스크립트는 prototype(이웅모 선생님 블로그 - prototype) 기반 자바스크립트의 모든 객체와 배열은 상위 객체와 연결되어 상위 객체의 속성과 메소드를 상속(공유)되어 사용할수있음 이때 상위 객체를 프로토타입이라고 함 최상위 배열, 객체에 내장되어있는 메소드(MDN - 배열 내장 메소드)나 프로토타입(.prototype)으로 새로 등록하는 함수(.함수명 = function() {})를 prototype메소드(prototype속성)이라고 함 함수안에 this를 사용 할 경우 fucntion키워드를 사용하는 일반함수로 등록 -> 화살표함수의 this는 정의가 다르기때문 프로토타입메소드는 인스턴스에서만 사용가능 생성자함수로 실행이되서 호.. 2023. 7. 27.
3. [JavaScript] 데이터 타입 🏃🏻‍♀️ 데이터 타입 [ 원시형 ] 변경할수없는값 - Sring / 문자열데이터 리터럴 방식의 문자열데이터 리터럴: 기호를 통해 데이터를 만듦 (eg. '', ""...) const singleQuotes = 'Single quotes String'; const doubleQuotes = "Double quotes String"; const templateLiterals = `Template Literals String. Not ${singleQuotes}.`; '', ""취향에 따라 사용하며 MDN - 템플릿리터럴 방식은 문자 중간에 데이터를 채워넣을때 ${}안에 보간하여 사용하며 모든 데이터는 문자열데이터로 반환됨 - Number / 숫자데이터 숫자데이터 .. 2023. 7. 22.
1. [JavaScript] 개요 🏃🏻‍♀️ JavaScript JavaScript는 데이터를 기준으로 사고 위키백과 - ECMA스크립트 : 자바스크립의 표준 줄여서 ES 제로베이스 넘버링 사용 (index) [네이밍 컨벤션] 프로그래밍 표기법 dash-case: -, 꼬치에 끼워논것처럼 보인다고 kebab-case라고도함 -> HTML/CSS에서 주로 쓰임 snake_case: _, 뱀처럼 생겨서 snake -> HTML/CSS에서 주로 쓰임 camelCase: 제일 앞글자 소문자로 시작해 단어 구분을 대문자로 사용 낙타같이 생겨 camel -> JS에서 주로사용 PascalCase: 제일 앞글자 대문자로 시작하고 camelCase 같음 - Zero-basde Numbering 0부터 숫자를 시작 // 0일요일 1월요일 2화요일 3수요.. 2023. 7. 22.

티스토리툴바