본문 바로가기

Javascript4

[JavaScript 주요 배열 함수] some / every / find / findIndex 주요 배열 함수 ㅣ some / every / find / findIndex 사용법, 차이점 some() - 조건을 만족하는 요소가 1개 이상인지 확인 조건을 만족하는 요소가 1개 이상 존재하는지 확인한다. 1개라도 존재한다면 true 반환, 모두 거짓이거나 빈 배열이면 false 반환 [1,5,10,30].some(num => num item.length item === 'a'); // false every() - 모든 요소가 조건에 만족하는지 확인 배열의 모든 요소가 조건을 만족하는지 확인한다. 모두 참이거나 빈 배열이면 true 반환, 1개라도 거짓이.. 2023. 11. 24.
[자바스크립트] 1급 객체 first-class object 1급 객체란, 다른 객체들에 일반적으로 적용 가능한 연산을 모두 지원하는 객체를 가리킨다. -wikipedia 1급 객체의 조건 무명의 리터럴로 생성 가능 (=런타임에 생성이 가능) 변수나 자료구조(객체, 배열 등)에 저장 가능 함수의 매개변수에 전달 가능 함수의 반환값으로 사용 가능 1. 무명의 리터럴로 생성 가능 ( = 런타임에 생성이 가능) const forward = (count) => { return ++count; }; const back = function(count) { return --count; }; 함수 작성 시 함수명 없이 바로 변수에 저장할 수 있다. 2. 변수나 자료구조(객체, 배열 등)에 저장 가능 const distance = { forward, back }; const di.. 2023. 11. 24.
[JavaScript 주요 배열 함수] sort / forEach / map / filter / reduce 주요 배열 함수 ㅣ sort / forEach / map / filter / reduce 사용법, 차이점 sort() - 배열 요소 정렬 기본적으로 오름차순 정렬 내림차순은 오름차순으로 정렬 후 reverse() 사용 문자열일 경우 이대로 사용하면 되지만, 숫자 요소일 경우! 정렬 순서를 정의하는 비교 함수를 인수로 전달해야 한다. -> 숫자 타입 정렬 시 일시적으로 문자열 변환 후 유니코드 코드 포인트의 순서를 기준으로 정렬하기 때문 const numbers = [66, 30, 5, 18] numbers.sort((a, b) => a - b); // 오름차순 console.log(numbers); // [5, 18, 30, 66] numbers.sort((a, b) => b - a); // 내림차순 c.. 2023. 10. 25.
[예외 처리] try-catch-finally 문 / throw 문 자바스크립트 예외 / 에러 처리 ㅣ try-catch-finally 문 / throw 문 우리는 언제나 예외적인 상황이 발생할 수 있다는 것을 전제하고 이에 대응하는 코드를 작성해야 한다. [모던 자바스크립트 Deep Dive] 코테 준비 하는 중에 그동안 에러 처리문을 생각없이 막 써온 거 같아서 한번 제대로 정리하고자 함 꼭 에러가 아니더라도 예외적인 상황이 발생할 수 있는데, 이럴 때 보통 사용하는 방법에는 if문 같은 것을 통해 처리하는 방법과 미리 에러 처리 코드를 등록하는 방법이 있다. 후자의 경우가 try-catch-finally 문이다. try-catch-finally try { // 실행할 코드 (에러 가능성 있는 코드) } catch (err) { // try에서 에러가 발생하면 이 코.. 2023. 10. 22.

티스토리툴바