[10/26/2022] Today, I Learned

유영준·2022년 10월 26일
post-thumbnail

자바스크립트의 기본 개념동작 원리를 정확히 이해하는 것이 중요!


개인적인 공부를 하면서 중요한 내용을 정리한 형식이기 때문에 오류가 있을 수 있습니다.
피드백 주시면 정말 감사하겠습니다.


오늘 배운 내용

  • 배열
  • Number
  • Math
  • Date
  • RegExp
  • String

알고 있던 내용

  • length 프로퍼티는 요소의 개수, 즉 배열의 길이를 나타내는 0 이상의 정수를 값으로 갖는다
  • push() // 요소 추가
  • pop() // 요소 삭제
  • Array.prototype.splice(삭제를 시작할 인덱스, 삭제할 요소 수) // arr.splice(1, 1); <- arr[1]부터 1개의 요소를 제거
  • unshift와 push 메서드는 인수로 전달받은 배열을 그대로 원본 배열의 요소로 추가한다
  • slice 메서드는 인수로 전달된 범위의 요소들을 복사하여 배열로 반환한다
  • array.sort((a, b) => a - b); // 숫자 배열의 오름차순 정렬
  • toString 메서드는 숫자를 문자열로 변환하여 반환한다
  • Math.abs 메서드는 인수로 전달된 숫자의 절대값을 반환한다
  • Math.floor 메서드는 인수로 전달된 숫자의 소수점 이하를 내림한 정수를 반환한다
  • Math.pow 메서드는 첫 번째 인수를 밑으로, 두번째 인수를 지수로 거듭제곱한 결과를 반환한다
  • indexOf 메서드는 대상 문자열에서 인수로 전달받은 문자열을 검색하여 첫 번째 인덱스를 반환한다 검색에 실패하면 -1을 반환한다
  • split 메서드는 대상 문자열에서 첫 번째 인수로 전달한 문자열 또는 정규 표현식을 검색하여 문자열을 구분한 후 분리된 각 문자열로 이루어진 배열을 반환한다

몰랐던 내용

  • forEach 메서드는 반복문을 추사화한 고차 함수로서 내부에서 반복문을 통해 자신을 호출한 배열을 순회하면서 수행해야 할 처리를 콜백 함수로 전달받아 반복 호출한다
  • reduce 메서드는 자신을 호출한 배열을 모든 요소를 순회하며 인수로 전달받은 콜백 함수를 반복 호출한다
  • set 메서드는 중복 요소를 제거할 때 추천한다
  • Date 생성자 함수를 인수 없이 new 연산자와 함께 호출하면 현재 날짜와 시간을 가지는 Date 객체를 반환한다
  • 정규 표현식은 일정한 패턴을 가진 문자열의 집합을 표현하기 위해 사용하는 형식 언어다

  • .은 임의의 문자 한개를 의미한다
  • const regExp = /.../g; // 임의의 3자리 문자열을 대소문자를 구별하여 전역 검색한다
  • const regExp = /A{1,2}/g; // 'A'가 최소 1번, 최대 2번 반복하는 문자열을 전역 검색한다
  • [] 내의 문자는 or로 동작한다
  • substring 메서드는 대상 문자열에서 첫 번째 인수로 전달받은 인데스에 위치하는 문자부터 두 번째 인수로 전달받은 인덱스에 위치하는 문자의 바로 이전 문자까지의 부분 문자열을 반환한다
  • slice 메서드는 substring 메서드와 동일하게 동작한다
  • replace 메서드는 대상 문자열에서 첫 번째 인수로 전달받은 문자열 또는 정규표현식을 검색하여 두 번째 인수로 전달한 문자열로 치환한 문자열로 반환한다
profile
프론트엔드 개발자 준비 중

0개의 댓글