1030 js 문법 배운 것들

String.prototype.replaceAll()

replaceAll(a,b)

a값을 b값으로 모두 replace 해주는 메서드이다.
밑에 정규식을 활용하여 변수로 넣어서 활용도 가능하다.
/Dog/gi는 정규 표현식 리터럴이다. 이것은 "Dog"라는 문자열을 대소문자 구분 없이('i' 플래그로 인해) 찾고자 하는 패턴을 정의한다. 'g' 플래그는 문자열에서 모든 발생을 찾으라는 것을 나타낸다.

const p = 'The quick brown fox jumps over the lazy dog. If the dog reacted, was it really lazy?';
console.log(p.replaceAll('dog', 'monkey'));
// Expected output: "The quick brown fox jumps over the lazy monkey. If the monkey reacted, was it really lazy?"
// Global flag required when calling replaceAll with regex
const regex = /Dog/gi;
console.log(p.replaceAll(regex, 'ferret'));
// Expected output: "The quick brown fox jumps over the lazy ferret. If the ferret reacted, was it really lazy?"

Array.prototype.join()

const elements = ['Fire', 'Air', 'Water'];

console.log(elements.join());
// Expected output: "Fire,Air,Water"
// array 값을 string으로 반환해준다.
console.log(elements.join(''));
// Expected output: "FireAirWater"
// 요소 사이에 인자값을 넣어준다.
console.log(elements.join('-'));
// Expected output: "Fire-Air-Water"

shift()

배열에서 원하는 요소 값을 빼온다.
기존 배열에서 그 값은 pop 되어 빠져버린다.

const array1 = [1, 2, 3];
const firstElement = array1.shift();
console.log(array1);
// Expected output: Array [2, 3]
console.log(firstElement);
// Expected output: 1

slice()

slice(a,b)
a : 해당 인덱스 값은 포함
b : 해당 인덱스의 요소는 제외됨. 지정하지 않으면 배열 끝까지(arr.length)

const animals = ['ant', 'bison', 'camel', 'duck', 'elephant'];
console.log(animals.slice(2));
// Expected output: Array ["camel", "duck", "elephant"]
console.log(animals.slice(2, 4));
// Expected output: Array ["camel", "duck"]
console.log(animals.slice(1, 5));
// Expected output: Array ["bison", "camel", "duck", "elephant"]
console.log(animals.slice(-2));
// Expected output: Array ["duck", "elephant"]
console.log(animals.slice(2, -1));
// Expected output: Array ["camel", "duck"]
console.log(animals.slice());
// Expected output: Array ["ant", "bison", "camel", "duck", "elephant"]