[javascript] map / filter / replace

이아현·2023년 5월 2일
0

javascript

목록 보기
2/14
post-thumbnail

✅ map : 배열 내의 각 요소에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열 반환

const arr = [1, 2, 3, 4];
const map_arr = arr.map(x => x*2);
console.log(map_arr) // [2, 4, 6, 8]

✅ filter : 주어진 함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열 반환

let words = ['apple', 'banana', 'coconut'];
let filter_words  = words.filter(word => word.length > 6);
console.log(filter_words) // [coconut]

✅ replace : 어떤 패턴에 일치하는 일부 또는 모든 부분이 교체된 새로운 문자열을 반환

  • replace(searchRegExp, replaceWith)
    • searchRegExp : 찾고자하는 패턴, replaceWith : 대체하고자 하는 문자열
  • pattern이 문자열인 경우, 첫 번째로 발견한 문자열만 치환!
  • replaceAll이라는 함수는 없기 때문에 보통 정규식과 함께 사용!
let sentence = "I like dog";
let replace_sent = sentence.replace('dog', 'Atom');
console.log(replace_sent); // I like Atom
let sentence = "apple, banana, coconut, banana";
let replace_sent = sentence.replace(/banana/g, 'pineapple');
console.log(replace_sent); // apple, pineapple, coconut, pineapple
my_string = my_string.replace(/[^0-9]/g, '')
console.log(my_string) => 숫자만 남아있다!
profile
PM을 지향하는 FE 개발자 이아현입니다 :)

0개의 댓글