Javascript

식별자는 어떤 값을 구별해서 식별해낼 수 있는 고유한 이름을 뜻한다. 식별자는 특수문자를 제외한 문자, 숫자 ,언더스코어(_), 달러 기호($)를 포함할 수 있다. 단, 식별자는 특수문자를 제외한 문자, 언더스코어(_), 달러 기호($)로 시작해야 한다. 숫자로 시작하는 것은 허용하지 않는다. 예약어는 식별자로 사용할 수 없다. await break case catch class const continue debugger default delete do else enum export extends false finally for function if implements* import in instanceof interface* let* new null package* private* protected* ..

Array.prototype.at() 평소에 배열의 마지막이 필요할때 Array[Arrary.length - 1]을 해서 귀찮고 가독성이 떨어졌는데 주말에 심심해서 node.js 16.xxx 변동로그를 쭉보다가 Array.at()을 발견했다. 배열 뒷자리를 나타낼때 너무 편해보였다. 사용법은 간단하다. const array1 = [ 1, 2, 3, 4, 5, 6] console.log(array1.at(-1)) // 6 이렇게 작성하면 된다. 양수를 넣어주면 앞에서부터 카운트 되고 음수를 넣어주면 뒤에서부터 카운트 된다. 주어진 인덱스가 배열에 없으면 undefined를 반환한다. const array1 = [ 1, 2, 3, 4, 5, 6] console.log(array1.at(true)) // 2 ..

Array.prototype.forEach forEach 메서드는 for문을 대체할 수 있는 고차 함수다. forEach 메서드는 자신의 내부에서 반복문을 실행한다. 원본 배열은 변경되지 않는다. (단, 콜백함수에 의해서 변형될 수는 있다) const numbers = [1, 2, 3]; const pows = [ ]; numbers.forEach(item => pows.push(item ** 2)); console.log(pows); // [1, 4, 9] forEach 메서드는 콜백 함수를 호출할 때 3개의 인수를 순차적으로 전달 받는다. 1. forEach 메서드를 호출한 배열의 요소값 2. forEach 메서드를 호출한 배열의 인덱스 3. forEach 메서드를 호출한 배열(this) forEac..

splice() Array.prototype.splice() push, pop, unshift, shift 메서드는 모두 원본 배열을 직접 변경하는 메서드이며 원본 배열의 처음이나 마지막에 요소를 추가하거나 제거한다. splice도 역시 배열의 기존 요소를 삭제 또는 교체하거나 새 요소를 추가하여 원본 배열의 내용을 변경시킨다. 반환값은 제거한 요소를 담은 배열이다. 아무 값도 제거하지 않으면 빈 배열을 반환한다. array.splice( start, deleteCount, items) splice 메서드는 3개의 매개변수가 있다. start : 원본 배열의 요소를 제거하기 시작할 인덱스이다. start만 지정하면 원본 배열의 start부터 모든 요소를 제거한다. start가 음수인 경우 배열의 끝에서의..

1. concat() Array.prototype.concat() concat() 메서드는 인자로 주어진 배열이나 값들을 기존 배열에 합쳐서 새 배열을 반환합니다. - 기존 배열을 변경하지 않는다. - 추가된 새로운 배열을 반환한다. const array1 = ['a', 'b', 'c']; const array2 = ['d', 'e', 'f']; const array3 = array1.concat(array2); console.log(array3); // expected output: Array ["a", "b", "c", "d", "e", "f"] //이렇게 아무것도 입력하지 않을시 기존배열의 얕은 복사본을 반환한다. const array4 = array1.concat() console.log(arr..

for 문 for 반목문은 어떤 특정한 조건이 거짓으로 판별될 때까지 반복합니다. for ([초기문]; [조건문]; [증감문]) 문장 실행 순서 1. 초기문 2. 조건문 3. 문장 4. 증감문 1) 초기화 구문인 초기문이 존재한다면 초기문이 실행됩니다. 2) 조건문은 조건을 검사합니다. (1). 조건문이 참이면 반복문이 실행 (2). 조건문이 거짓이면 그 for문은 종결됩니다. (3). 조건문이 생략된다면, 그 조건문은 참으로 추정됩니다. 즉 계속 for문이 돌아감 3) 문장이 실행됩니다. 문장이 여러개일때는 { } 를 써서 문장들을 묶어 줍니다. 4) 갱신 구문인 증감문이 존재한다면 실행되고 다시 조건문 단계로 넘어갑니다. 순서를 다시 정리하자면 이렇게 계속 반복하는 것이다. 그런데 여기서 생각해야할 ..

1. 함수란? 함수는 일련의 과정을 문으로 구현하고 코드 블록으로 감싸서 하나의 실행 단위로 정의한 것이다. 매개 변수 (parameter) : 함수 내부로 입력을 전달받는 변수 인수 (argument) : 함수를 호출할때 괄호 안에 넣는 입력 반환값 (return value) : 출력 함수 정의 : 함수를 생성하는 것 함수 호출 : 인수를 매개변수를 통해 함수에 전달하면서 함수의 실행을 명시적으로 지시하는 것 함수를 호출하면 코드 블록에 담긴 문들이 일괄적으로 실행되고 실행 결과 , 즉 반환값을 반환한다 그런데 왜 함수를 사용하는 것인가 ??? 여러가지 이유가있다. 먼저 여러번 반복 작업해야하는 수고스러움을 덜어주고 그로인한 유지보수의 편의섭을 높이고 반복으로 인한 실수를 죽여 코드의 신뢰성을 높여 주..

Date 객체는 1970년 1월 1일 UTC(협정 세계시) 자정과의 시간 차이를 밀리초로 나타내는 정수 값을 담습니다. 사용 방법 Date() 함수로 호출한 경우 new Date().toString()과 동일하게 현재 날짜와 시간을 나타내는 문자열을 반환합니다. console.log(Date()) //Wed Jul 27 2022 02:40:15 GMT+0900 (Eastern Indonesia Time) new Date() 생성자로 호출할 경우 새로운 Date 객체를 반환합니다. const date = new Date() console.log(date) // 2022-07-26T17:42:36.395Z 정적 메서드 Date.now() 1970년 1월 1일 00:00 UTC로부터 지난 시간을 밀리초 단위의..

function monthClassify(month){ if(month == 1 || 3 || 5 || 7 || 8 || 10 || 12){ console.log(`${month}월의 날 수는 31`) }else if(month == 4 || 6 || 9 || 11){ console.log(`${month}월의 날 수는 30`) }else if(month == 2){ console.log(`${month}월의 날 수는 28 또는 29`) } } monthClassify(2); 이렇게 했을 때 뭐가 출력될 것 같은지 예상해봅시다. "혹시 2월의 날 수는 28 또는 29"를 예상하고 이렇게 만드셨다면 틀리셨습니다. 함수 인수에다 어떤 숫자를 넣어도 "2월의 날 수는 31" 이 출력이 됩니다. 왜그런 것인가 ..