반응형 Language/JavaScript94 [JavaScript] String.fromCharCode() - 입력받은 유니코드를 해당 유니코드가 의미하는 문자열로 변환하기 (ft. str.charCodeAt()) 유니코드 값을 문자열로 변환시켜주는 String.fromCharCode() 메서드와 그 반대로 특정 문자가 의미하는 유니코드값으로 변환시켜주는 String.prototype.charCodeAt() 메서드에 대해 알아보자. ▷ 구문 String.fromCharCode(num1[, ...[, numN]]) str.charCodeAt(index) num1, ..., numN : UTF-16 코드 유닛인 숫자 뭉치며, 가능한 값의 범위는 0부터 65535까지이다. (유효성 검사를 하지 않으며, 초과하는 값은 잘린다.) index : charAt() 메서드의 매개변수 처럼 0 이상이고 해당 문자열의 길이보다 작은 정수를 의미한다. (기본값은 0이다.) ▷ 예제 1) String.froCharCode() 메서드 기.. 2022. 2. 13. [JavaScript] str.charAt() - 문자열에서 특정 인덱스에 위치하는 단일문자 찾기 String.prototype.charAt() 메서드는 제목 그대로 기준 문자열에서 특정 인덱스에 위치하는 유니코드 단일문자를 찾는 메서드이다. ▷ 구문 str.charAt(index) index : 0과 문자열의 길이 -1 사이의 정수값을 의미하며, 인자를 생략하면 기본값으로 0이 설정되어 첫 문자를 반환한다. ▷ 예제 1) String.prototype.charAt() 기본 사용법 let str = "my blog is mine-it-record"; console.log(str.charAt()); // m console.log(str.charAt(3)); // b console.log(str.charAt(4)); // l console.log(str.charAt(5)); // o console.log.. 2022. 2. 13. [JavaScript] parseInt() - 문자열을 숫자 혹은 특정 진수의 정수로 변환 방법 parseInt() 메서드는 문자열을 숫자 혹은 특정 진수의 정수로 변환시켜주는 메서드이다. parseInt() 메서드와 동시에 반대되는 메서드인 숫자를 문자 혹은 특정 진수값으로 변환시켜주는 toString() 메서드에 대해서도 같이 알아두도록 하자. ▷ 구문 parseInt(string) parseInt(string, radix) string : 파싱할 문자열이며, 만약 매개변수가 문자열이 아닐경우 toString 추상 연산을 사용해 문자열로 변환하여 사용된다.(공백이 아닌 첫 문자를 숫자로 변환할 수 없는 경우 NaN을 반환) radix : string의 진수를 나타내는 2와 36사이의 정수 (2와 36 사이의 범위를 벗어날 경우 NaN을 반환) ▷ 예제 1) parseInt() 기본 사용법 // .. 2022. 2. 9. [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. [JavaScript] 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. [JavaScript] 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. [JavaScript] 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); // Range.. 2022. 1. 31. [JavaScript] 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. 이전 1 2 3 4 5 6 7 ··· 11 다음 반응형
