반응형 Language200 [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. [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. [JAVA] 자바_스트림 API (Stream API) 사용하기 - 자바 스트림(Stream) API 사용하기 - Java 8에서 추가된 스트림(Steam) API에 대해 알아보자. 자바에서 배열이나 컬렉션을 사용할 때 여기에 저장된 데이터에 접근하기 위해서는 반복문이나 반복자(Iterator)를 사용하여 데이터에 접근해야했는데, 그렇게 되면 코드가 너무 길어지고 가독성도 떨어지고, 코드의 재사용이 거의 불가능한 상태의 코드가 탄생한다. 이러한 문제점을 극복하기 위해 나온게 스트림 API다. 그러다보니 보다 간결해지고, 데이터 소스에 대한 공통된 접근 방식을 제공하기 때문에 자주 사용된다. 이제 스트림API의 특징과 사용법에 대해 하나씩 알아가보자. 아 들어가기에 앞서 스트림 API는 람다 표현식을 많이 사용하니 뭔지 알아두기라도 하자. https://mine-it-.. 2022. 1. 21. [JAVA] 자바_람다식(Lambda Expression) (ft. 함수형 인터페이스, 메서드 참조) - 자바 람다 표현식(Lambda Expression)이란? - Java 8에서 추가된 람다 표현식(Lambda Expression)과 함수형 인터페이스 그리고 메서드 참조에 대해 알아보자. 1. 람다식(Lambda Expression) - 람다식이란 익명객체를 생성하기 위한 표현식을 말한다. - 간단히 말해 메서드를 하나의 간결한 식으로 표현한 것이라고 할 수 있다. - Java 8부터 사용 가능하며 람다 표현식을 사용하여 자바에서도 함수형 프로그래밍이 가능하게 되었다. - 기존의 불필요한 코드를 줄여주고, 작성된 코드의 가독성을 높여준다. 1-1. 람다 표현식 작성하기 자바에서는 화살표(->) 기호를 사용하여 람다 표현식을 작성할 수 있다. ▷ 문법 (매개변수목록) -> {함수몸체} ▷ 예제 1 ) .. 2022. 1. 20. [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. [JavaScript] for of 반복문을 사용한 Map, Set 등의 객체 반복하기 ES6부터 새롭게 생겨난 반복문 for...of 에 대해 알아보고자 한다.for...of 문은 반복가능한 객체(Array, Map, Set, String, TypedArray, arguments 객체 등)를 반복하는 문법이다. ▷ 구문for (variable of iterable) { statement}variable: 각 반복에 서로 다른 속성값이 variable에 할당된다.iterable : 반복되는 열거가능(enumerable)한 속성이 있는 객체. 예제를 통해 쉽게 접해보자.▷ 예제1) Array에 대한 반복let arr = [1, 2, 3];for (let value of arr) { console.log(value); //1, 2, 3} ▷ 예제2) String에 대한 반복let st.. 2022. 1. 14. 이전 1 ··· 3 4 5 6 7 8 9 ··· 23 다음 반응형
