본문 바로가기

분류 전체보기

(230)

[모딥다] 28장 Number 🦊 28.1 Number 생성자 함수 Number 는 생성자 함수라서 new 연산자와 함께 인스턴스를 생성할 수 있다. new Number() 문자열로 반환 (77.1234).toExponential(); //"7.71234e+1" 정수를 그냥 쓰면 안됨. (의미가 모호하기 때문. JS 는 숫자 뒤의 . 를 소수점으로 해석한다. () 를 함께 쓰는 것을 추천함. 28.3.5 Number.prototype.toFixed(원하는 소수점 자릿수) 숫자를 반올림 -> 문자열로 반환

[모딥다] 27장 배열 ⛳ 27.1 배열이란? 여러 값을 순차적으로 나열한 자료구조. 요소: 배열이 갖고 있는 값 인덱스: 요소의 순서 0부터 시작 length : 배열의 길이 JS 에 배열이한 타입은 존재하지 않음. 배열은 객체 타입임. 객체와 배열의 차이 ⛳ 27.2 자바스크립트 배열은 배열이 아니다 🏌️‍♂️ 일반적인 자료구조에서의 배열과는 의미가 다른 JS 에서의 배열 - 배열의 요소를 위한 각각의 메모리 공간은 동일한 크기를 갖지 않아도 됨. - 희소 배열 : 배열의 요소가 연속으로 이어져 있지 않음 ( 밀집 배열) - 배열의 동작을 흉내 낸 특수한 객체임. 🏌️‍♂️ 일반 배열 vs 자바스크립트 배열 장단점 정리 일반 배열 JS 배열 - 인덱스로 요소에 빠르게 접근할 수 있다. - 하지만 요소를 삽입, 삭제하는 경우..

[모딥다] 26장 ES6 함수의 추가 기능 🥞 26.1 함수의 구분 ES6 이전의 함수 - 함수는 별다른 구분 없이 다양한 목적으로 사용됨. - 편리해보이지만 실수 유발 & 성능 면에서 손해 - 일반 함수로서 호출할 수 있는 것은 물론 생성자 함수로서 호출할 수 있었음. - 객체에 바인딩 된 함수도 일반 함수 & 생성자 함수로서 모두 호출 가능했음. ES6 이후의 함수 🥞 26.2 메서드 정확한 정의가 생김. 🍯 메서드 - 메서드 축약 표현으로 정의된 함수만을 의미. - 인스턴스를 생성할 수 없는 non-constructor -> 생성자 함수로서 호출할 수 없다. - prototype 프로퍼티가 없고 프로퍼티도 생성하지 않는다. - 자신을 바인딩한 객체를 가리키는 내부 슬롯 [[HomeObject]] 를 갖는다 -> super 키워드를 사용할 수..

[프로그래머스/Javascript/코딩기초트레이닝] A 강조하기 function solution(myString) { return [...myString].map(v => v === "a" || v === "A" ? "A" : v.toLowerCase()).join(""); } 처음에 "A" -> "A" 경우를 고려하지 않아서 통과되지 않았다. "A" 가 "a" 가 되어버림. 근데 map 안에서 v === "a" || "A" ? 이렇게 써서 또 통과되지 못했다. 이렇게 쓰면 v는 "a" 인 경우와 그냥 "A"가 있는 상황이지 , v 가 "a" 또는 v가 "A" 일 때 두가지 평가가 되지 않는다. 가끔 착각해서 이렇게 잘못쓴다..!! boolean 값으로 평가해야할 때 꼭 유의하기. 아래 코드는 다른 사람의 코드 중 깔끔해보이면서, 안보던 방식이라 가져왔다. funct..

[프로그래머스/Javascript/코딩기초트레이닝] 배열의 길이에 따라서 다른 연산 하기 내가 제출한 방식. function solution(arr, n) { return arr.length % 2 === 1 ? arr.map((v, i) => i % 2 === 0 ? v + n : v) : arr.map((v, i) => i % 2 === 1 ? v + n : v)} 통과는 했지만, 코드가 너무 길고 반복되는 부분도 많다. 문제를 그대로 써서 그렇다. 아래처럼 문제를 간결화 시켜서 조건과 출력값을 설정해주는 방법이 가독성이 좋다. const solution = (arr, n) => arr.map((num, idx) => ( arr.length % 2 !== idx % 2 ? num + n : num )) 배열의 길이와 index 의 길이를 일치 시킴. (홀수일 때 -> 홀수 index, 짝..

[모딥다] 25장 클래스 (1) 🔮 25.1 클래스는 프로토타입의 문법적 설탕인가? 클래스를 제공한다고 해서, 기존의 프로토타입 기반 객체지향 모델을 폐지하고 새롭게 클래스 기반 모델을 제공하는 것은 아님. 사실 클래스는 함수이며, 기존 프로토타입 기반 패턴을 클래스 기반 패턴처럼 사용할 수 있도록 하는 문법적 설탕이라고 볼 수도 있다. 단, 클래스와 생성자 함수는 모두 프로토타입 기반의 인스턴스를 생성하지만, 동일하게 동작하지는 않는다. 클래스는 생성자 함수보다 엄격하며, 생성자 함수에서 제공하지 않는 기능도 제공한다. 클래스 생성자 함수 new 연산자 없이 호출하면 에러남. new 연산자 없으면 -> 일반 함수로 호출 상속을 지원하는 extends 와 super 키워드 지원 지원 안함. 호이스팅이 발생하지 않는 것 처럼 동작 함수 ..

[프로그래머스/Javascript/코딩기초트레이닝] 접미사인지 확인하기 function solution(my_string, is_suffix) { return my_string.slice(- is_suffix.length) === is_suffix ? 1 : 0; } 이렇게 주어진 문자의 length 를 이용해서 풀었는데, string.endsWith() 라는게 있었다. String.prototype.endsWith() https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String/endsWith String.prototype.endsWith() - JavaScript | MDN The endsWith() 메서드를 사용하여 어떤 문자열에서 특정 문자열로 끝나는지를 확인할 수 있으며, 그..

[모딥다] 24장 클로저 클로저는 JS 고유의 개념이 아니다. 함수형 프로그래밍 언어에서 사용하는 중요한 특징이다. 고유의 개념이 아니기 때문에 ECMAScript 사양에 등장하지 않는다. MDN 에서는 아래와 같이 설명한다. 클로저는 함수와 함수가 선언된 렉시컬 환경과의 조합이다. 여기서 기억해야 할 키워드는 : "함수가 선언된 렉시컬 환경" 이다. function out() { const x = 10; function inner() { console.log(x); //10 } inner(); } out(); 중첩함수 내부에서, 자신을 포함하고 있는 외부 함수의 변수에 접근할 수 있다. 만약 inner 함수가 out 함수의 내부에서 정의된 중첩함수가 아니라면, inner 함수를 out 함수 내부에서 호출한다 하더라도, out ..

이전 1 ··· 11 12 13 14 15 16 17 ··· 29 다음

728x90

티스토리툴바