.push() : 뒤에 삽입 .pop() : 뒤에 삭제 .unshift() : 앞에 삽입 .shift() : 앞에 삭제 arr.forEach(fn) : 배열 반복 arr.forEach((name, index, arr) => { ... }); arr.splice(n, m, (x)) : 특정 요소 지움 n: 시작 m: 개수 (0을 넣으면 아무것도 제거하지 않음) x: 지운 위치에 특정 요소 추가 splice 로 삭제한 특정값은 반환될 수 있고 이를 변수에 넣어 활용 할 수 있음 arr.slice(n, m) : n부터 m 앞까지 반환 n : 시작되는 인덱스. m : 해당 인덱스 앞까지가 지정됨. 괄호 안에 아무것도 넣지 않으면 배열이 복사됨. arr.split(구분자) : 구분자를 기준으로 분할하여 배열 요소..

작은따옴표 ( ' ) html 코드의 경우 작은 따옴표로 감싸는 게 편하다 큰따옴표 ( " ) 영어로 된 문자열은 큰따옴표로 감싸는 게 편하다 백틱 ( ` ) 백틱은 달러와 중괄호를 이용해 변수를 표현하거나 표현식을 쓸 수 있다. 백틱은 여러 줄을 표현할 수 있다. (줄바꿈 표현 가능) 문자열 비교 : 알파벳은 "a" < "z" / 대문자 < 소문자 str.length : 문자열 길이 반환. 배열과 같은 방법으로 문자열 길이를 구할 수 있다. 또한 배열과 동일하게 대괄호와 숫자로 특정 위치한 문자에 접근할 수 있음. (0부터 시작) 하지만 배열과 다르게 한 글자만 바꾸는 건 허용되지 않음. 아무 변화 없음 str.toUpperCase() / str.toLowerCase() : 인수의 모든 문자열을 대/소..

쇼핑몰이나 통계, 지표 등의 업무를 할 때 빠질 수 없는 숫자와 관련된 함수들을 알아보자. Math 내장 객체 Math.PI() : 원주율 (3.141592...) Math.ceil() : 올림 Math.floor() : 내림 Math.round() : 반올림 Math.random() : 0~1 사이 무작위 숫자 생성 > Math.random() 실습 예제 Math.max() / Mat.min() : 괄호 안 인수들 중 최댓값/최소값을 꾸할 수 있음. Math.abs() : absolute의 약자로 절대값을 반환. Math.pow(n, m) : power의 약자로 괄호 안 인수의 거듭제곱을 반환 (n의 m승 값). Math.sqrt() : square root의 약자로 제곱근을 구해줌. 변수명.toStr..

Symbol 형은 유일한 식별자이다. 전체 코드 중 딱 하나라는 의미로 유일성이 보장됨. 내용이 일치해도 일치연산자(===), 동등 연산차(==) 로 확인해보면 false. Symbol(); - 괄호 안에 '문자열'을 넣어 설명을 붙일 수도 있으며 이는 디버깅 할 때 편함. 심볼 생성에는 어떠한 영향도 미치지 않음. 위와 같이 설명이 같아도 다른 값으로 뜸. - Object.keys(), Object.values(), Object.entries() 등의 메소드나 for(.. in ..) 문은 Symbol형인 프로퍼티는 건너 뛴다. 이와 같은 특성을 이용하여 특정 개체의 원본 데이터는 건드리지 않고 속성을 추가할 수 있다. 타인이 만든 객체에 자신의 속성을 추가하여 덮어쓰면 안되므로.. 가끔 전역변수처럼 ..

객체 메소드 - Object. assign() : 객체 복제, ex ) Object.assign({}, obj1, obj2 ...); : 괄호 안에 빈 객체({})를 넣어주고 그 뒤에 복제할 객체명을 써줌 - Object.keys() : 객체의 키를 배열로 반환 - Object.values() : 객체의 값을 배열로 반환 - Object.entries() : 객체의 키/값을 배열로 반환 - Object.fromEntries() : 키/값을 객체로 반환 Computed property 객체 내부의 키값에 대괄호([]) 내에 변수나 표현식을 넣어 사용

생성자 함수는 붕어빵 틀과 같다. 필요한 재료들을 만들고 찍어주는 것. 일반 함수를 만드는 것과 동일하나, 생성자 함수는 함수명 첫글자에 대문자로 사용하는 게 관례 생성자 함수를 호출하여 새로운 객체 리터럴 생성 시 new 연산자를 사용해 호출 (동작원리는 아래 이미지 참고) new 연산자 를 붙이지 않으면 일반 함수를 호출하는 것과 동일하여, (생성자 함수에는 빈 객체 {} 와 return값을 안 적으므로) 아무것도 반환하지 않음. 이렇듯 생성자 함수가 새로운 객체를 만들어낼 때 그 객체 리터럴은 생성자의 instance라고 부른다. 인스턴스 instanceof 생성자함수 : 해당 객체가 그 생성자로부터 생성된 것인지를 판단하여 true / false 를 반환 인스턴스.constructor (=== ..