반응형

JavaScript 44

[JavaScript] 소숫점 자리수 정하기 toFixed()

Number.prototype.toFixed() toFixed() 메서드는 숫자를 고정 소수점 표기법(fixed-point notation)으로 표시합니다. 구문 numObj.toFixed([digits]) 매개변수 digits Optional : 소수점 뒤에 나타날 자릿수. 0 이상 20 이하의 값을 사용할 수 있으며, 구현체에 따라 더 넓은 범위의 값을 지원할 수도 있습니다. 값을 지정하지 않으면 0을 사용합니다. 반환 값 고정 소수점 표기법을 사용하여 나타낸 수를 문자열로 바꾼 값. 예외 RangeErrordigits가 너무 작거나 너무 클 때. 값이 0과 100사이의 값이라면 RangeError를 유발하지 않습니다. 구현체에 따라 더 크거나 작은 값을 지원할 수 있습니다.TypeErrorNumbe..

JavaScript 2022.04.18

[JavaScript] 문자열 정렬하기 (+예제, sort()이해)

들어가기 사전 지식 sort()를 먼저 이해하고 진행한다. https://cruella-de-vil.tistory.com/45 [JavaScript] sort(), 오름차순 정렬, 내림차순 정렬 Array.prototype.sort() sort() 메서드는 배열의 요소를 적절한 위치에 정렬한 후 그 배열을 반환합니다. 정렬은 stable sort가 아닐 수 있습니다. 기본 정렬 순서는 문자열의 유니코드 코드 포인트를 따 cruella-de-vil.tistory.com 이해 sort() 안에 compareFunction을 사용해야 여러 상황에서 오름차순 및 내림차순이 가능하다. function compare(a, b) { if () { return -1; //a가 b보다 먼저 옵니다. } if () { r..

JavaScript 2022.04.16

[JavaScript] Scope(스코프), Closure(클로저), var

Scope (스코프) 개념 변수가 유효성을 가지는 범위. 스코프는 기본적으로 프로세스 메모리 맵의 구조에 의존적. 선언된 위치에 따라 스코프가 결정된다. 같은 이름으로 변수가 선언된 경우 스코프가 겹칠 수 있다. 스코프가 겹칠 때 어떤 변수가 우선권을 가지는지 판단하는 기능이 필요하며 이러한 기능을 식별자 결정(identifier resolution)이라고 한다. 종류 구분 전역 스코프 지역 스코프 변수의 의미 전역변수 지역 변수 선언위치 코드의 가장 바깥 부분 함수의 내부 유효영역 전역 영역과 그 하위 영역 함수 자신과 그 하위 영역 특징 Var와 같은 선언자를 생략시 전역 스코프 - ES5(var)는 함수 레벨 스코프 지원 - ES6(let, const)는 블록 레벨 스코프 지원 ** 블록 레벨 스코..

JavaScript 2022.04.16

[JavaScript] sort(), 오름차순 정렬, 내림차순 정렬

Array.prototype.sort() sort() 메서드는 배열의 요소를 적절한 위치에 정렬한 후 그 배열을 반환합니다. 정렬은 stable sort가 아닐 수 있습니다. 기본 정렬 순서는 문자열의 유니코드 코드 포인트를 따릅니다. 구문 arr.sort([compareFunction]) 매개변수 compareFunction Optional정렬 순서를 정의하는 함수. 생략하면 배열은 각 요소의 문자열 변환에 따라 각 문자의 유니 코드 코드 포인트 값에 따라 정렬됩니다. 반환 값 정렬한 배열. 원 배열이 정렬되는 것에 유의하세요. 복사본이 만들어지는 것이 아닙니다. 설명 compareFunction이 제공되지 않으면 요소를 문자열로 변환하고 유니 코드 코드 포인트 순서로 문자열을 비교하여 정렬됩니다. 예..

JavaScript 2022.04.14

[JavaScript] 특정 범위 랜덤수 생성하여 버블소팅하기. Math

랜덤수를 추출하기 위해서는 내장객체 Math중 Math.random과 Math.foor()를 사용해야한다. Math 내장 객체중 가장 많이 사용되는 4가지에 대해 먼저 알아보겠다. Math.random() Math.floor() Math.round() Math.ceil() Math.random() Math.random() 함수는 0 이상 1 미만의 구간에서 근사적으로 균일한(approximately uniform) 부동소숫점 의사난수를 반환하며, 이 값은 사용자가 원하는 범위로 변형할 수 있다. 난수 생성 알고리즘에 사용되는 초기값은 구현체가 선택하며, 사용자가 선택하거나 초기화할 수 없다. 구문 0이상 1미만의 난수를 생성하기 Math.floor() Math.floor() 함수는 주어진 숫자와 같거나 ..

JavaScript 2022.04.14

[JavaScript] 두 배열 합치기

배열을 합치는데 필요한 메서드 concat() unshift() spred operator ▶ Array.prototype.concat() 인자로 주어진 배열이나 값들을 기존 배열에 합쳐서 새 배열을 반환합니다. 기존배열을 변경하지 않습니다. 추가된 새로운 배열을 반환합니다. 구문 array.concat([value1[, value2[, ...[, valueN]]]]) 매개변수 배열 또는 값 만약 value1 ~ valueN 인자를 생략하면 기존배열의 얕은 복사본을 반환. ▶ Array.prototype.unshift() unshift() 메서드는 새로운 요소를 배열의 맨 앞쪽에 추가하고, 새로운 길이를 반환합니다. 구문 arr.unshift([...elementN]) 매개변수 elementN배열 맨 앞..

JavaScript 2022.04.14

[JavaScript] 문자열에서 특정한 문자 찾고 문자 추출하기.

▶ String.prototype.indexOf() indexOf() String 객체에서 주어진 값과 일치하는 첫 번째 인덱스를 반환한다. 일치하는 값이 없으면 -1을 반환한다. 구문 str.indexOf(searchValue[, fromIndex]) (찾을 문자, [시작할 위치 인덱스]) ▶ String.prototype.substring() substring() string 객체의 시작 인덱스로 부터 종료 인덱스 전 까지 문자열의 부분 문자열을 반환합니다. 사용방법 str.substring(indexStart[, indexEnd]) 인자값 indexStart 반환문자열의 시작 인덱스. indexEnd옵션. 반환문자열의 마지막 인덱스 (포함하지 않음.) 값이 없을시 문자열 끝의 인덱스로 설정. 문제 ..

JavaScript 2022.04.14

[JavaScript] Primitive type을 Object literal(Object type)으로 변환

Primitive type을 Object literal(객체 자료형)로 변환 ▶ 형식 ※ new new 연산자는 사용자 정의 객체 타입 또는 내장 객체 타입의 인스턴스를 생성한다. 구문 new constructor[([arguments])] 매개변수 constructor객체 인스턴스의 타입을 기술(명세)하는 함수argumentsconstructor와 함께 호출될 값 목록 ※ Number() Number 는 37이나 -9.25와 같은 숫자를 표현하고 다룰 때 사용하는 원시 래퍼 객체입니다. 다른 타입의 값은 Number() 함수를 사용하여 숫자로 바꿀 수 있습니다. ※ Number.prototype.valueOf() valueOf() 메서드는 Number 객체가 감싼(wrapped) 원시 값을 반환합니다...

JavaScript 2022.04.14

[JavaScript] Object literal(object type), object 순회

Object literal Javascript에서는 객체를 만드는 여러 가지 방법이 존재한다. const obj = {};와 같은 객체를 ES6에서 Object literal라 칭한다. ES6에서 추가된 Object literal 기능 ▶ 속성(property) 축약 표현 속성값으로 변수를 사용하는 경우 변수이름과 속성이름이 같다면 키를 생략. key와 value의 이름이 같고 value가 변수로 선언되는 특수한 경우에 사용한다. ▶ 메서드 축약 표현 메서드의 이름과 키를 동일한 이름으로 사용할 경우 메서드를 축약하여 표현 ▶ 계산된 속성 이름(Computed propety name) 표현식을 사용해 Key를 동적으로 생성. ES5에서는 Object literal 외부에서 구현. ES6에서는 Object..

JavaScript 2022.04.13

[JavaScript] object type(객체형) +예제

객체형(Object type) 필요한 데이터와 기능을 가지고 있다. ▶ 개념 Primitive type을 제외한 데이터 타입의 베이스 인스턴스. JavaScript의 거의 모든 객체는 Object의 파생 인스턴스다. 데이터를 읽고 쓰는 가장 기본적인 기능을 탑재하고 있다. ▶ 구성 Object는 {}로 생성한다. key-value 형식으로 데이터 유지. (key : value) web환경에서도 key-value 형식이다. ▶ 객체형의 선언 및 연산 객체 내부에는 Primitive type뿐만 아니라 객체형도 들어갈 수 있다. //object //{name: 'mouse', type: 'wireless', color: 'black', buttons: 6, scroll: true} //mouse //wire..

JavaScript 2022.04.12
반응형