TIL

코딩테스트를 준비하면서 알아두면 좋을 JS 메소드들을 정리해본다.다양한 메소드들을 이해하고 사용할 줄 알면, 효율적인 코드 작성이 가능해지기에 익혀둬야 한다.메소드를 사용해서 원본 데이터를 변경하여도, 원본 데이터가 유지되는 메소드변경 전 데이터와 변경 후 데이터가 각

JS에는 기본적으로 내장하고 있는 객체들이 있다. 그 중 Math 객체에는 수학적인 계산을 수행할 수 있는 여러 유용한 메서드와 상수가 포함되어 있는데, 주요 메소드를 정리해보고자 한다. 1. Math.abs(num) 절대값을 계산해주는 메소드 2. Math.cei

filter 메소드는 배열에서 특정 조건을 만족하는 아이템을 제외한 새로운 배열을 리턴해주는 메소드이다. 즉, filter() 내부 조건에서 참(true)에 해당하는 아이템만 return되는 구조이며, 거짓(false)에 해당하는 아이템은 날라간다.객체로 구성된 배열

화살표 함수를 사용하다보면, {}를 사용하는 경우와 사용하지 않는 경우가 있다.화살표 함수의 기본적인 형태이며, 함수의 본문을 중괄호{}와 return을 통해 정의할 수 있다.위와 같이 함수의 본문이 한 줄로 끝나는 경우, {}(중괄호)와 return을 생략하여 본문을

배열 비구조화 할당은 배열의 요소를 효과적으로 처리하는 javascript의 ES6 문법이다.one two three에 각각 순차적으로 10 20 30이 들어간다.배열의 크기가 작아 선언받지 못한 변수는 undefined가 된다.이러한 경우, 활용 2의 초기값 설정을

Array.from()

스프레드 연산자는 배열을 개별 값으로 분해한다.분해된 개별 값은 함수 인수로 전달하거나 배열에 나열한다changeArr 배열의 각 요소를 개별 값으로 분리한다.배열의 i번째 부터 j번째 배열 역순으로 배치splice 메소드의 3번째 인수로 전달기존 배열을 복사하여 새로

문자열이 특정 문자열, 문자로 시작하는지 확인하는 메소드일치하면 true, 일치하지 않으면 false를 반환한다.문자열이 특정 문자열, 문자로 끝나는지 확인하는 메소드일치하면 true, 일치하지 않으면 false를 반환한다.

코딩테스트를 풀다가 화살표함수의 매개변수로 (\_, i)라는 것을 보았다. \_란 언더스코어로, 함수에서 사용되지 않는 매개변수를 뜻한다.예를 들어,(\_, i)의 경우 forEach문에서 요소를 무시하고 인덱스(i)만 사용하고 싶을 때 사용한다....code라는 배열

배열reduce 메소드는 배열의 모든 요소를 순회하면서 주어진 함수를 실행하여 누적 결과를 하나의 값으로 줄이는 배열 메소드이다. 즉, 배열의 모든 요소에 대해 누적 작업을 실행하여 배열을 단일 값으로 변환하고 최종 결과를 반환한다.\-> return이 존재해야 함.주

경로 별칭 설정하기 :경로 별칭을 통해 절대경로를 깔끔하게 설정하고 모듈을 자동완성으로 불러오면, 상대경로로 불러와지는 것을 확인할 수 있다.우리는 상대경로를 지양하기 위해 경로별칭을 통한 절대경로를 사용하는 것이기 때문에, 절대경로로 자동완성 되도록 설정해보려한다se

indexOf메소드는 특정 배열에서 특정 조건을 만족하는 첫번째 인덱스를 반환하는 메소드이다.searchElement : (필수) 인덱스를 반환할 조건fromIndex : (선택) 해당 조건을 시작할 인덱스

1. 배열 -> 문자열 1. join('') 메소드 예시 2. 문자열 -> 배열 1. 스프레드 연산자 예시 2. split('') 메소드 예시 3. 배열 순서대로 정렬 1. sort() 메소드 예시 4. 배열 중복 제거 1. new Set() -> 스프레드 연산

splice()와 slice() 모두 배열을 특정 조건으로 잘라서 리턴하는 메소드지만, 사용 방식에 차이가 있음.splice 메소드는 제거된 요소들의 배열을 반환하며, 원본 배열을 훼손한다.splice 메소드에서 인자로 1과 2를 받으면 배열의 1번째 인덱스부터 2개를

페이지를 구성하다보면 데이터를 fetching해와서 해당 내용을 보여줘야 할 때가 있다.가장 기본적인 방법인 async/await를 써서 데이터를 fetching할 수 있다.이 방식은 하나만 가져오면 문제가 없겠지만, 두개 이상 혹은 그보다 더 많은 fetching이