반응형 javascript91 [JavaScript] num.toString() - 숫자를 문자 혹은 진수로 변환 방법 (ft. 2진수, 8진수, 10진수, 16진수 등으로 변환) Number.prototype.toString() 메서드는 숫자를 대상으로 하는 메서드인데, 숫자를 문자 혹인 진수(2진수, 16진수 등등)으로 변환시켜주는 메서드이다. ▷ 구문 numObj.toString([radix]) radix : 수의 값을 나타내기 위해 사용되기 위한 기준을 정하는 2와 36사이의 정수 (진수를 나타내는 기수의 값이며 2와 36사잇 값이 아닌 radix가 주어지면 RangeError가 발생한다. 그리고 생략할 경우 임의로 10진수로 가정한다.) ▷ 예제 1) Number.prototype.toString() 기본 사용법 let num = 182; // 1. 숫자를 문자로 그대로 변환 (10진수) console.log(num.toString()); // '182' // 2. 10진.. 2022. 2. 8. [JavaScript] arr.reduce() - 배열 데이터를 활용하여 하나의 결과값 반환하기 Array.prototype.reduce() 메서드는 배열의 각 요소에 대해 주어진 리듀서(reducer) 함수를 실행하고, 하나의 결과값을 반환해주는 메서드이다. 제목 그대로 배열 데이터를 가지고 주어진 콜백 함수 내부 로직을 태워, 하나의 결과값으로 만들어 반환하는게 주 목적인 메서드이다. 일반적으로 reduce() 메서드를 검색해보면 기본 예제가 누산기를 활용한 숫자배열의 누적된 값을 구하는데 많이 사용되는데, 그것 외에도 정말 다양한 방법으로 활용이 가능한 메서드이다. ▷ 구문 arr.reduce(callback[, initialValue]) callback : 배열의 각 요소에 대해 실행할 콜백 함수이다. (총 네 가지 인수를 받아 사용한다.) accumulator : 콜백의 반환값을 누적하는 .. 2022. 2. 4. [ES6+] str.(trim/trimStart/trimEnd) - 문자열의 앞뒤 공백 제거하기 문자열의 앞뒤 공백을 제거해주는 String.prototype.trim() 메서드에 대해 알아보자. 여기서 공백이란 모든 공백문자(space, tab, NBSP 등)와 모든 개행문자(LF, CR 등)를 의미한다. 추가적으로 ES10에서 등장한 String.prototype.trimStart() 와 String.prototype.trimEnd() 메서드에 대해서도 알아보자. ▷ 구문 str.trim() str.trimStart() str.trimEnd() 구문과 사용법이 매우 간단하여 예제를 통해 직접 접해보자. ▷ 예제 1) String.prototype.trim() 기본 사용법 let str = ' trim test '; console.log(str.trim()); // 'trim test' 위에서 그.. 2022. 2. 3. [ES6+] str.(replace/replaceAll) - 지정한 문자 치환 및 공백 제거 script에서 제공해주고 있는 String.prototype.replace() 와 String.prototype.replaceAll() 에 대해 배워보자. replace() 메서드는 script에서 오랫동안 존재해왔지만 replaceAll() 메서드는 생긴지 별로 안됐다. (그래서 그런지 replace의 역할이 java와는 다르다는 점을 인지하고 가면 좋다 생각한다.) replaceAll() 메서드는 ES12에 새롭게 추가된 기능이나 최신 크롬버전 같은 곳에서는 이미 내장 되어 지원하고있다. (MDN에서도 아직 한국어 버전이 없더라...) 이제 하나씩 알아가 보도록 하자. 1. String.prototype.replace() - replace() 메서드는 어떤 패턴에 일치하는 일부 또는 모든 부분이 교.. 2022. 2. 3. [ES6+] str.repeat() - 현재 문자열을 주어진 횟수만큼 반복해서 뒤로 붙여 새로운 문자열 만들기 ES6에서 새롭게 추가된 String.prototype.repeat() 메서드는 문자열을 주어진 횟수만큼 반복해 붙인 새로운 문자열을 반환하는 메서드이다. ▷ 구문 str.repeat(count) count : 문자열을 반복할 횟수이며, 0과 양의 무한대 사이의 정수여야 한다. ▷ 예제 1) String.prototype.repeat() 기본 사용법 'abc'.repeat(-1); // RangeError 'abc'.repeat(0); // '' 'abc'.repeat(1); // 'abc' 'abc'.repeat(2); // 'abcabc' 'abc'.repeat(3.5); // 'abcabcabc' (소수점이 있으면 정수로 자동 변환되여 사용) 'abc'.repeat(1/0); // RangeErro.. 2022. 1. 31. [ES6+] str.(padStart/padEnd) - 문자열에 앞뒤로 지정된 길이만큼 특정 문자로 채우기 script에 새롭게 등장한 메서드인 String.prototype.padStart() 와 String.prototype.padEnd() 에 대해 배워보자. 이 두 메서드는 ES8(ES2017) 에서 나온걸로 당연하게도 IE에서는 지원을 안한다. 1. String.prototype.padStart() - padStart() 메서드는 현재 문자열의 시작을 다른 문자열로 채워, 주어진 길이를 만족하는 새로운 문자열을 반환한다. - padStart() 라는 메서드명에서 알다시피 채워넣기는 대상 문자열의 시작(좌측)부터 적용된다. 1-1. 구문과 기본사용법 ▷ 구문 str.padStart(targetLength [, padString]) targetLength : 목표 문자열 길이이며, 현재 문자열의 길이보다 .. 2022. 1. 31. [JavaScript] Math.(pow/sqrt) - 거듭제곱/제곱근 Math 함수로 제공하고있는 Math.pow() 와 Math.sqrt() 에 대해 알아보자. 1. Math.pow() - Math.pow() 함수는 base^exponent처럼 base에 exponent를 제곱한 값을 반환한다. - base값이 음수이고 지수(exponent)값이 정수가 아닌 경우 결과는 NaN을 반환한다. 1-1. 구문과 기본사용법 ▷ 구문 Math.pow(base, exponent) base : 밑 값 (기준값) exponent : base값을 제곱하기 위해 사용하는 지수 ▷ 예제 1 ) Math.pow() 기본 사용법 console.log(Math.pow(7, 3)); // expected output: 343 console.log(Math.pow(4, 0.5)); // expect.. 2022. 1. 31. [JavaScript] arr.sort() - 배열 요소를 오름차순, 내림차순으로 정렬하기 (ft. 숫자, 문자열, 객체) Array.prototype.sort() 라는 배열 메서드는 대상 배열의 요소들을 오름차순, 내림차순으로 정렬해주는 메서드이다. ▷ 구문 arr.sort([compareFunction]) compareFunction : 정렬 순서를 정의하는 함수이다. - 생략할 경우 : 배열은 각 요소를 문자열로 변환하고 유니코드를 기준으로 정렬을 실시한다. - 사용할 경우 : 비교 후 반환 값에 따라 정렬된다. 일반적으로 compareFunction(a, b) 형식의 a, b 매개변수를 사용한다. 일반적으로 반환 값은 (1, 0, -1)을 사용한다. a, b를 비교해서 반환 값이 0보다 클 경우, b가 a보다 앞에 오도록 정렬한다. a, b 를 비교해서 반환값이 0을 반환할 경우, a와 b의 순서를 변경하지 않는다. .. 2022. 1. 31. [JavaScript] arr.every() - 배열에 존재하는 "모든"값이 특정 조건을 만족하는지 판별하는 함수 Array.prototype.every() 이라는 배열 메서드는 대상 배열에 존재하는 "모든"값이 특정 조건에 만족하는지 확인하는 메서드이다. ▷ 구문 arr.every(callback(curentValue, index, array)[, thisArg]) callback : function 안에서 조건을 체크하며, true/false를 반환한다. curentValue: 현재 요소 (ex. 반복문의 현재 요소) index : 현재 요소의 인덱스 array :대상 배열 thisArg : callback을 실행할 때 this로 사용하는 값. ▷ 예제1) Array.prototype.every() 기본 사용법 var arr = [0,1,2,3,4] // result : false arr.every(functio.. 2022. 1. 15. 이전 1 2 3 4 5 6 7 ··· 11 다음 반응형
