본문 바로가기
728x90

Language30

[TIL] JavaScript - 정렬 함수, sort( ) !!! sort 함수란? sort( ) 메서드는 배열의 요소를 적절한 위치에 정렬한 후 그 배열을 반환합니다. 정렬은 stable sort 가 아닐 수 있습니다. 기본 정렬 순서는 문자열의 유니코드 코드 포인트를 따릅니다. 참조 : mdn sort( ) 메서드의 특징 기본적으로 오름차순으로 정렬합니다. 배열 요소를 문자열로 캐스팅하고 변환된 문자열을 비교하여 순서를 결정합니다. 배열의 요소가 undefined인 경우에는 문자열로 변환되지 않습니다. 배열의 요소가 undefined인 경우에는 배열의 맨 끝으로 정렬됩니다. 1) 구문 array.sort(sortFunction) sortFunction은 요소 순서를 결정하는 데 사용되는 함수의 이름입니다. 생략하면 오름차순, ASCII 문자 순서로 정렬됩니다. so.. 2022. 11. 13.
[TIL] JavaScript - map( ), filter( ), reduce( ) Array Methods 오늘은 JavaScript에서 가장 많이 쓰이는 객체인 배열 연산 관련 함수인 map, filter, reduce에 대해 공부해 보려고 합니다. 코테 준비하는데 map, filter, reduce가 많이 쓰여서 좀 더 제대로 알고 싶어서 공부를 하게 됐습니다. 글로 공부를 할 때는 이해가 잘 안 됐지만, 그림으로 보니 쉽게 이해할 수 있었습니다. 1. map( ) 1) 구문 arr.map( callback ( currentValue[, index[, array]])[, thisArg]) 2) 매개변수 callback : 새로운 배열 요소를 생성하는 함수. 다음 세 가지 인수를 가집니다. currentValue : 처리할 현재 요소입니다. index ( Optional ) : 처리.. 2022. 11. 11.
[TIL] JavaScript 전개 연산자 전개 연산자 ( spread 문법 ) 전개 연산자는 ES6에서 새로 추가된 문법으로, 배열의 요소나 객체를 나열해주는 연산자이다. 배열이나 객체의 복사본( 원본에 영향을 미치지 않는)을 만들 수 있으며, 여러 개의 배열이나 객체를 손쉽게 병합할 수도 있습니다. 또한, 함수의 매개변수나 인자 값으로도 사용이 가능한 연산자입니다. 사용법은 배열을 담은 변수 앞에 ... 을 붙이면 됩니다. { ... object } // 펼칠 대상이 객체인 경우 [ ... array ] // 펼칠 대상이 배열인 경우 { ... array } // 배열일 경우 중괄호{}도 가능!! ES5 vs ES6 1) ES5 배열 조합 ES5 에서는 배열의 내용을 합쳐 새로운 배열을 만들기 위해서 concat 메소드를 활용했었습니다. le.. 2022. 11. 10.
[TIL] JavaScript Math 함수 정리하기!! Math 함수란? Math는 수학적인 상수와 함수를 위한 속성과 메서드를 가진 내장 객체이며, 함수 객체가 아닙니다. Math는 Number 자료형만 지원하며 BigInt 와는 사용할 수 없습니다. 출처 : mdn Math - JavaScript | MDN **Math**는 수학적인 상수와 함수를 위한 속성과 메서드를 가진 내장 객체입니다. 함수 객체가 아닙니다. developer.mozilla.org 자주 쓰는 Math함수 1. Math.min( ) 인수로 전달받은 값 중에서 가장 작은 값을 반환합니다. Math.min(1, 2, 3, 4, 5) // 1 Math.min(10, -10) // -10 2. Math.max( ) 인수로 전달받은 값 중에서 가장 큰 값을 반환합니다. Math.max(1, 2.. 2022. 11. 9.
[TIL] JavaScript - 화살표 함수 서론 오늘은 파이썬 기초 강의를 들으면서 map, filter, lambda 식을 배웠습니다. 그런데 JavaScript에도 lambda식이 존재했으며, 면접 준비할 때 급하게 공부했던 화살표 함수가 생각나서 따로 찾아서 공부하게 되었습니다. 화살표 함수( Arrow function ) 흔히 람다식이라고도 불리는 화살표 함수는 ES6에서 도입되었습니다. 화살표 함수는 기본 함수 식보다 단순하고 간결한 문법으로 함수를 만들 수 있으며 화살표 함수라는 이름은 문법의 생김새를 차용해 지어졌습니다. 화살표 함수는 this, arguments, super 또는 new를 바인딩 하지 않으며, 항상 익명입니다. 이 함수 표현은 메소드 함수가 아닌 곳에 가장 적합하여, 생성자로서 사용할 수 없습니다. 1. 화살표 함수.. 2022. 11. 8.
[TIL] Javascript - 클래스와 객체 데이터 타입 데이터 타입은 기본 또는 원시형 (Primitive) 타입이라고 불리는 number, string, boolean, null, undefined가 존재하고 있으며, 이러한 기본 타입 이외에 객체형 타입이라는 데이터도 존재합니다. 1) 숫자 ( Number ) 말 그대로 숫자 데이터입니다. 나이, 거리, 무게, 가격 등등 무수히 많은 종류의 데이터들을 숫자로 표현할 수 있습니다! 2) 문자 ( String ) 문자열 데이터를 말하며, 큰따옴표(" ")나 작은따옴표(' ')로 데이터를 감싸야합니다. 브랜드명, 제품명 등등 많은 종류의 데이터를 문자열로 나타낼 수 있으며 숫자 또한 따옴표로 묶었을 시 숫자 데이터가 아닌 문자 데이터로 나타나 집니다! 3) Boolean JavaScript에서 참과.. 2022. 11. 7.
728x90

티스토리툴바