자바스크립트 내장함수 정리

내가 만들어쓰는 것 보다 내장함수를 쓰면 코드가 깔끔하고 정확해지는데

내장함수를 몰라도 너무 몰라서 코테풀때 자꾸 불편하게 하고있다.

 

이번기회에 자주쓰는 자바스크립트 내장함수를 정리하고자 함

 

 Array 관련 함수

map 함수

각 배열 요소에 주어진 함수 적용하고 그 결과를 새로운 배열로 반환한다.

Array.prototype.map()

const numbers = [1, 2, 3, 4];
const double = numbers.map(num => num * 2);//각 요소 두배로 

//dubled: [2,4,6,8]

 

filter 함수

주어진 함수의 테스트를 통과한 요소만 가지고 새로운 배열을 반환한다.

Array.prototype.filter()

const numbers = [1, 2, 3, 4];
const evens = numbers.filter(num => num % 2 === 0);//짝수만 필터
//evens: [2,4]

 

reduce 함수

배열의 각 요소에 주어진 함수를 실행하고, 하나의 결과값을 반환한다.

Array.prototype.reduce()

const numbers = [1, 2, 3, 4];

const sum = numbers.reduce((acc, num) => acc + num, 0);// 모든 요소를 더하기
여기서 acc는 넘버스 배열돌면서 누적된 값을 저장
	num은 배열의 각 요소를 나타내는 변수
     0은 acc의 초기값
// sum: 10

 

forEach 함수

각 배열 요소에 주어진 함수 실행한다.

Array.prototype.forEach()

const fruits = ['apple', 'banana', 'cherry'];

fruits.forEach(fruit => console.log(fruit));// 각 과일을 콘솔에 출력하기
// Output:
// apple
// banana
// cherry

 

 

String 관련 함수

indexOf 함수

문자열에서 특정 문자열이나 문자의 첫번째 등장위치를 반환한다.

String.prototype.indexOf()

const sentence = 'Hello, world!';

const index = sentence.indexOf('world');// 'world'의 시작 위치 찾기
// index: 7

 

split 함수

문자열을 지정된 구분자를 기준으로 여러 서브 스트링으로 나누어 배열로 반환한다.

String.prototype.split()

const sentence = 'Hello, world!';

const words = sentence.split(', ');// 쉼표와 공백을 기준으로 나누기
// words: ['Hello', 'world!']

 

trim 함수

문자열의 양쪽 공백을 제거한다.

String.prototype.trim()

const stringWithWhitespace = '   Hello, world!   ';

const trimmedString = stringWithWhitespace.trim();// 양쪽 공백 제거하기
// trimmedString: 'Hello, world!'

 

Object 관련 함수

Object.Keys 함수

객체의 속성들을 배열로 반환한다.

Object.keys()

const person = { name: 'John', age: 30, job: 'developer' };

const keys = Object.keys(person);// 객체의 키들을 배열로 반환하기
// keys: ['name', 'age', 'job']

 

Object.values()

객체의 값들을 배열로 반환한다.

Object.values()

const person = { name: 'John', age: 30, job: 'developer' };

const values = Object.values(person);// 객체의 값들을 배열로 반환하기
// values: ['John', 30, 'developer']

 

Object.entries()

객채의 키와 값의 쌍을 배열로 반환한다.

Object.entries()

const person = { name: 'John', age: 30, job: 'developer' };

const entries = Object.entries(person);// 객체의 키와 값의 쌍을 배열로 반환하기
// entries: [['name', 'John'], ['age', 30], ['job', 'developer']]

 

 

Math 관련 함수

Math.random()

0과 1사이의 난수를 반환한다.

Math.random()

const randomValue = Math.random();// 임의의 난수 얻기
// randomValue: (임의의 0 이상 1 미만의 소수)

 

Math.floor()

주어진 숫자를 내림한 정수로 반환한다.

Math.floor()

const roundedDown = Math.floor(4.7);// 내림하여 정수로 만들기
// roundedDown: 4

 

Math.max() , Math.min()

주어진 숫자중 최댓값 최소값을 반환한다.

Math.max(), Math.min()

const maxNumber = Math.max(1, 5, 3);// 최대값 얻기
// maxNumber: 5

const minNumber = Math.min(1, 5, 3);// 최소값 얻기
// minNumber: 1

 

 

Date 관련 함수

new Data() 생성자

현재 날짜와 시간을 나타내는 객체를 생성한다.

new Date()

const currentDate = new Date(); // 현재 날짜와 시간을 나타내는 객체 생성하기
// currentDate: 현재 날짜와 시간을 나타내는 Date 객체

 

Dat.now() 함수

현재시간의 타임스탬프를 반환한다.

Date.now()

const timestamp = Date.now();// 현재 타임스탬프 얻기
// timestamp: 현재 시간의 타임스탬프

 

toISOString() 함수

날짜를 ISO형식의 문자열로 반환한다.

Date.prototype.toISOString()

const date = new Date();

const isoString = date.toISOString();// ISO 형식의 문자열로 변환하기
// isoString: '2024-01-23T12:34:56.789Z' (예시)

 

 

정리끝~ 뭔가 데이트 관련 함수 이런건 코테푸는데 필요 없긴 할것같은데 현업할때 자주 썻던거같기도하고

자주는 아니고 한두번쓴것같네 ㅎㅎ

코테 풀다가 또 자주쓰는것 같은 내장 함수가 있으면 여기에 추가 정리 하도록 하겠다.

 

배고프다 내장파괴 버거먹고싶다.