#3 코딩테스트 [.map, .reduce, .RegExp, .toString(=String), .parseInt(=parseFloat)]

2023. 10. 12. 00:25·⚡ 코딩테스트 ⚡/JavaScript

1..map()

모든 배열 요소에 적용할 때 forEach 보다 간단하게

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/map

 

Array.prototype.map() - JavaScript | MDN

map() 메서드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환합니다.

developer.mozilla.org

const array1 = [1, 4, 9, 16];

// Pass a function to map
const map1 = array1.map((x) => x * 2);

console.log(map1);
// Expected output: Array [2, 8, 18, 32]

 

2. .reduce()

모든 자릿수의 숫자를 연산할 때

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce

 

Array.prototype.reduce() - JavaScript | MDN

reduce() 메서드는 배열의 각 요소에 대해 주어진 리듀서 (reducer) 함수를 실행하고, 하나의 결과값을 반환합니다.

developer.mozilla.org

var number = 12345;

	// 문자로 변환->split->초기값(0) 누적값 + 현재값(10진수 정수)
var sum = number.toString().split('').reduce((accumulator, current) => accumulator + parseInt(current, 10), 0);

console.log(sum); // 15

 

3. new RegExp()

정규표현식

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/RegExp

 

RegExp - JavaScript | MDN

RegExp 생성자는 패턴을 사용해 텍스트를 판별할 때 사용합니다.

developer.mozilla.org

function solution(my_string, alp) {
	// 문자 전체를 탐색할 때 = 'g'
    let re = new RegExp(alp, "g");
    
    return my_string.replace(re, alp.toUpperCase());
}

 

4. .toString() = String()

문자열로 변환할 때

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Object/toString

 

Object.prototype.toString() - JavaScript | MDN

The toString() 은 문자열을 반환하는 object의 대표적인 방법이다

developer.mozilla.org

var a = 42;

var str1 = a.toString();
var str2 = String(a);

console.log(str1); // "42"
console.log(str2); // "42"

 

5. .parseInt() = .parseFloat()

숫자로 변환할 때 

parseInt = 정수

parseFloat = 소수 포함

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/parseInt

 

parseInt() - JavaScript | MDN

parseInt() 함수는 문자열 인자를 파싱하여 특정 진수(수의 진법 체계에서 기준이 되는 값)의 정수를 반환합니다.

developer.mozilla.org

var str = "3.14";
var num = parseInt(str);
// 3

var str = "3.14";
var num = parseFloat(str);
// 3.14
'⚡ 코딩테스트 ⚡/JavaScript' 카테고리의 다른 글
  • #5 코딩테스트 [깊은 복사, .splice, break, for...of, 대/소문자 판별(ASKII)]
  • #4 코딩테스트 [.findIndex, +, .filter, set]
  • #2 코딩테스트 [.replace, .replaceAll, .includes, .reverce, **]
  • #1 코딩테스트 [.split, .charAt, .slice, .join, .sort]
Yeonhub
Yeonhub
✨ https://github.com/yeonhub 📧 lsy3237@gmail.com
  • Yeonhub
    비 전공자의 Be developer
    Yeonhub
  • 전체
    오늘
    어제
    • 전체보기 (169)
      • 🔍 Tech 🔍 (19)
        • Front-End (11)
        • Back-End (4)
        • AI (1)
        • Server (1)
        • Etc (2)
      • 💡 원티드 프리온보딩 챌린지 💡 (14)
        • PRE-ONBOARDING_AI (11월) (1)
        • PRE-ONBOARDING_FE (2월) (2)
        • PRE-ONBOARDING_FE (1월) (2)
        • PRE-ONBOARDING_FE (12월) (9)
      • 🔥 부트캠프-웹 개발 🔥 (118)
        • HTML5 (7)
        • CSS3 (21)
        • JavaScript (27)
        • JavaScript_advanced (9)
        • React (24)
        • Next (1)
        • MYSql (5)
        • Node (5)
        • 오늘하날(개인프로젝트) (12)
        • 이젠제주투어(팀프로젝트) (7)
      • 💻 CS 💻 (1)
        • 알고리즘 (1)
      • ⚡ 코딩테스트 ⚡ (11)
        • JavaScript (11)
      • 📚 Books 📚 (6)
        • 클린 아키텍처 (2)
        • 인사이드 자바스크립트 (4)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

    • Github
  • 공지사항

  • 인기 글

  • 태그

    expo google map
    javascript fcm
    node.js fcm
    프론트엔드 테스트코드
    bottom sheet
    react native expo fcm
    expo deep linking
    컴파운드 컴포넌트 패턴
    react native analytics
    react vite
    라스콘4
    expo fcm push
    react native bottom sheet
    node cron
    expo node fcm
    라스콘
    Node
    expo 길찾기
    expo fcm
    react native admob
    rn admob
    expo admob
    rn bottom sheet
    expo 지도
    node crontab
    react native firebase analytics
    node fcm
    expo map
    python node
    php node
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
Yeonhub
#3 코딩테스트 [.map, .reduce, .RegExp, .toString(=String), .parseInt(=parseFloat)]
상단으로

티스토리툴바