문자, 숫자, 배열, 객체의 메소드

이재홍·2022년 1월 31일
0
post-custom-banner

문자

const str = 'string literal' // 문자리터럴'' String객체 생성방식
str.length; // 2
메소드설명
str.indexOf('literal')주어진 값과 일치하는 첫 번째 인덱스 반환 / 없으면 -1 반환
str.includes('string')인수가 포함되어있는지 여부 불린값 반환
str.match(/.+(?=@)/[0])정규표현식으로 일치하는 문자 반환
str.slice(0, -1)문자열 일부 잘라내 새로운 문자열 반환
str.substr(1, 2)문자열 시작위치에서 특정문자 수 만큼 반환
str.replace(' literal', '')첫번째 인수로 찾아지는 첫번째 문자를 두번째 인수로 대체한 새문자열 반환
str.trim()앞뒤 공백 제거
str.split('')문자를 인수 기준으로 나눈 배열 반환
str.repeat(2)문자를 전달받은 정수만큼 반복해서 새로운 문자열 반환
str.padStart(4, '*')문자의 앞부분에 원하는 길이의 문자열을 부족한만큼 채워 반환
str.padEnd(4, '*')문자의 뒷부분에 원하는 길이의 문자열을 부족한만큼 채워 반환
str.startsWith('str')인수로 문자가 시작하는지 여부 불린값 반환
str.endsWith('ral')인수로 문자가 끝나는지 여부 불린값 반환
str.toUpperCase()모든 문자를 대문자로 새문자열 반환
str.toLowerCase()모든 문자를 소문자로 새문자열 반환

숫자

const pi = 3.141592
Number.isInteger(pi) // false   해당 값이 정수인지 불린값 반환
const str = pi.toFixed(2) // 3.14   소수점 2번째 자리까지 유지 문자열로 반환
Number.isNaN(str) // false   문자나 숫자는 false, NaN값만 true
Number.isNaN(str / 3) // false   자동 형변환으로 숫자로 계산됨
Number.isNaN('a' / 3) // true   문자를 숫자로 나눴기 때문에 NaN(Not a Number)
parseInt(str) // 3   문자를 정수부분만 숫자변환
parseFloat(str) // 3.14
Number(str) // 3.14

Math 객체

메소드설명
Math.abs(-3)숫자의 절대값 반환
Math.min(1, 2)인수중 가장 작은 값 반환
Math.max(1, 2)인수중 가장 큰 값 반환
Math.ceil(3.14)정수기준 숫자 올림처리
Math.floor(3.14)정수기준 숫자 내림처리
Math.round(3.14)정수기준 숫자 반올림 처리
Math.random()0.01... ~ 0.99... 랜덤수 생성
Math.sqrt(9)인수의 제곱근 반환 / 인수가 음수면 NaN반환
Math.pow(3, 2)첫번째 인수를 두번째인수만큼 제곱한 값 반환

배열

const arr = [1, 2, 3, 4, 5]
arr.length // 5
메소드설명
arr.find(e => e < 5)조건을 만족하는 첫번째 요소를 반환 / 없다면 undefined 반환
arr.findIndex(e => e > 3)조건을 만족하는 첫번째 요소의 인덱스 값을 반환 / 없다면 -1 반환
arr.indexOf(2)주어진 값과 일치하는 첫번째 요소의 인덱스 값 반환 / 없으면 -1 반환
arr.includes(3)주어진 인수의 값이 배열에 포함되어있는지 여부 불린값 반환
arr.forEach((e, i, arr) => {})배열 요소의 개수만큼 콜백함수 반복실행 / 반환값 없음
arr.map((e, i) => e + 1)배열 요소 개수 만큼 콜백함수 반복실행하며 새요소가 맵핑된 새배열 반환
arr.filter(e => e > 3)조건에 일치하는 요소만 필터링된 새배열 반환
arr.every(e => e > 0)모든 요소가 조건에 일치해야 true반환 / 하나라도 false면 순회멈추고 false반환
arr.some(e => e > 0)하나의 요소라도 조건에 일치하면 순회 멈추고 true반환 / 모두 일치하지않으면 false반환
arr.reduce((a, c, i, arr) => a + c, 0)a는 누산기 c는 현재 요소로 콜백함수를 요소만큼 반복실행하며 최종 누산값 반환, 첫시작값을 정해주지않으면 배열의 첫요소가 시작값으로 누산된다
arr.concat(arr2)배열들을 병합한 새배열 반환
arr.join('')배열의 요소들을 인수값을 기준으로 문자열로 합쳐서 반환
arr.slice(1, -1)배열의 시작인덱스부터 끝인덱스전까지 잘라내 새로운 배열 반환
arr.push(6)인수의 값을 배열의 요소 가장 뒤쪽에 추가
arr.unshift(0)인수의 값을 배열의 요소 가장 앞쪽에 추가
arr.pop()배열의 마지막 요소 제거
arr.shift()배열의 첫번째 요소 제거
arr.reverse()배열의 요소 순서를 반대로 뒤집음 (원본배열이 수정됨)
arr.splice(0, 1, -1)첫번째 인수로 원본배열의 인덱스값부터 두번째 인수의 값만큼 요소를 빼내서 지움 / 그 자리에 다음 인수들로 대체 가능 (원본배열이 수정됨) / 빼낸 요소로 새 배열 반환
arr.fill(5)원본배열의 시작부터 끝까지 하나의 값으로 채워넣음 (원본배열수정) / 두번째와 세번째 인수로 시작 인덱스와 끝 인덱스의 직전까지 변경 설정가능

객체의 정적(static) 메소드

메소드설명
Object.assign({}, obj1, obj2)객체를 복사해서 병합(같은 속성은 덮어 씌워짐)
Object.keys(obj)객체의 키들만 추출된 새로운 배열 반환
Object.values(obj)객체의 값들만 추출된 새로운 배열 반환
Object.entries(obj)객체의 키와 값들이 쌍으로 추출된 새로운 2차원 배열 반환
post-custom-banner

0개의 댓글