JS 기본 제공 객체 → 표준 내장 객체 String, Array, Date, Math String 객체 const email = 'test@naver.com'; str.length : 문자열길이 반환 str.includes("@") : 문자열 포함여부 str.indexOf('@') : 문자열 위치 반환 (없으면 -1 반환) str.trim() : 앞, 뒤 공백 제거 str.replaceAll(' ', '') : 중간 공백 제거 (아직 지원하지 않는 곳이 많음) str.replace(/ /gi, '') : 정규식을 활용한 중간 공백 제거 이외에도 다양한 메소드가 있음 (사이트 참고) Array 객체 const arr = ['a', 'b', 'c']; 파괴적 vs 비파괴적 → 원본 배열 손상 vs 손상 X..
객체 객체 : 키와 값으로 구성된 속성의 집합 const person = {}; // 빈 객체 const person = { name: 'SH', age: 20, 'phone number': '010-1234-1234', }; name → 키 'SH' → 값 name: 'SH'; → 속성 접근방법 1. 마침표 연산자 ex. person.name 2. 대괄호 연산자 ex. person['age'] key값에 공백이 존재할 경우 대괄호 연산자로만 접근 가능 속성의 값으론 모든 자료형 가능 (false, 함수 등도 포함) 속성으로 함수를 포함할 경우 객체의 메서드라고 부름 객체의 속성값 변경 person.name = '철수'; 객체의 속성 추가 (name 속성이 없었다고 가정) person.name = '영희..
함수2 함수scope 함수의 중괄호 안의 코드는 지역 scope 함수 밖은 전역 scope 블록scope (let, const 키워드에 한해) 블록문 안 지역 scope 블록문 밖 전역 scope 함수도 호이스팅(선언문을 최상위로 끌어올림)이 적용됨 → 함수 선언문은 정상 실행, 함수 표현식은 X 즉시 실행 함수 : 한번 실행되고 메모리에서 사라짐 (전역 스코프의 오염 최소화) (() => { console.log('init'); })(); (function init() { console.log('init'); })();과 같은 형태도 가능
Javascript 함수 1. 함수 선언문 (대표적) fucntion 식별자(매개변수1, 매개변수2, 매개변수3) { //코드 } 식별자(인수1, 인수2, 인수3); 로 실행 ※ 식별자(인수1)로도 실행은 가능하지만 매개변수2, 매개변수3이 undefied취급 2. 함수 표현식 const gugudanExpress = function(){ //코드 } → 익명 함수 + function gugudanExpress()형태로 작성시 → 네이밍 함수 (권장) 변수이름(); 로 실행 ※ 주의 : 함수 네이밍 이름으로 실행하는 것이 아님 (변수 이름으로만 호출 가능) 3. 화살표 함수 () => { //코드 } const gugudanArrowFunc = () => { // 코드 }; 변수이름(); 로 실행 + 매..
변수와 상수, 자료형 변수 var num = 10; (실무사용 X → 식별자가 중복될 수 있음) (호이스팅 가능) ※ 호이스팅 : 선언부와 할당을 나누어서, 선언부를 최상위로 끌어올리는 행위 let num = 10; (식별자가 중복될 수 없음) (호이스팅 불가) 상수 const num = 10; (재할당 불가, 선언과 동시에 할당 필요) 자료형 1. 문자열 let str = "Hello"; let str2 = 'hello'; ※ 주의 : '나 "를 문자열에 포함할경우 ", '를 사용하여 구분 해결방법1. 둘다 사용하는 경우에는 덧셈 기호를 활용 (분리) 해결방법2. 이스케이프 문자 활용 → \'\' 해결방법3. 템플릿 문자열 사용 → ` ` 사용 (단, 지원해주는 컴파일러 내에서만 작동됨) 장점 cons..