일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- sever components
- SSR
- sever action
- iron-session
- render phase
- 리액트
- 자바스크립트
- js
- server components
- @tailwind base
- @tailwind components
- static pages
- image component
- 타입스크립트
- interceptor routes
- @tailwind
- commit phase
- client components
- createbrowserrouter
- 3진법 뒤집기
- revalidatepath
- dynamic pages
- revalidatetag
- @tailwind utility
- unstable_nostore
- CSS
- 클로저
- supabase realtime
- 프로그래머스
- RECOIL
Archives
- Today
- Total
개발하는 너구리
TIL-23.04.03 본문
Math
//static method
Math.abs(-10); //절대값
Math.ceil(1.4); //소수점 이하를 올림
Math.floor(1.4); //소수점 이하를 내림
Math.round(1.4); //소수점 이하를 반올림
Math.trunc(1.4442); //소수점 이하를 버림(정수만 반환)
Math.max(1, 3, 4); //최대값 찾기
Math.min(1, 3, 4); //최대값 찾기
//랜덤한 값 반환
Math.random(); //실행마다 랜덤값 반환 ( 0 < Math.random() < 1 )
//1~10 사이 정수 랜덤
console.log(Math.trunc(Math.random() * 10 + 1));
Array
//배열인지 체크
Array.isArray()
//특정한 아이템의 인덱스를 찾을때
fruits.indexOf()
//배열안에 특정한 아이템이 있는지 체크
fruits.includes()
//추가 - 제일 뒤
fruits.push(); //배열 자체 변경🦝
//추가 - 제일 앞
fruits.unshift(); //배열 자체 변경🦝
//제거 - 제일 뒤
fruits.pop(); //배열 자체 변경🦝
//제거 - 제일 앞
fruits.shift(); //배열 자체 변경🦝
//중간에 추가 또는 삭제
fruits.splice(start index, del count); //s.i , del Cnt //배열 자체 변경🦝
fruits.splice(start index, del count, 추가할요소); //s.i , del Cnt, 추가요소 //배열 자체 변경🦝
//잘라진 새로운 배열을 반환 (원본 배열 변형X)
fruits.slice(start index, end index); //s.i(포함) , e.i(포함X) //새로운 배열을 반환😛
//s.i만 있으면 s.i부터 끝까지 자름 / 아무것도 없으면 전체를 자름
//여러개의 배열을 붙여줌
const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const arr3 = arr1.concat(arr2);
//배열의 순서를 거꾸로
arr3.reverse();
//중첩배열을 하나의 배열로 쫙 펴기 //새로운 배열을 반환😛
let arr = [
[1, 2, 3],
[4, [5, 6]],
];
arr.flat(); //flat메소드에 값이 없으면 1단계까지만
arr.flat(2); //2단계까지
//특정한 값으로 배열을 채우기
arr.fill(0); //배열 자체 변경🦝
arr.fill(채우고자하는 요소값, start index, end index); //채울고자하는 요소값 , s.i(포함), e.i(포함X)
//배열을 문자열로 합하기
arr.join();
고차함수
- 인자로 함수를 받거나(콜백함수), 함수를 반환 하는 함수
//배열을 돌면서 원하는 작업 수행
arr.forEach(() => {
});
//조건에 맞는(콜백함수) 아이템을 찾을때
//find: 배열의 요소를 순차적으로 순회하면서 제일 먼저 조건에 맞는 아이템을 반환
arr.find();
//findIndex: 제일 먼저 조건에 맞는 아이템의 인덱스를 반환
arr.findIndex();
//배열의 아이템들이 부분적으로 조건(콜백함수)에 맞는지 확인
arr.some()
//배열의 아이템들이 전부 조건(콜백함수)에 맞는지 확인
arr.every();
//조건에 맞는 모든 아이템들을 새로운 배열로!
result = products.filter();
//Map : 배열의 아이템들을 각각 다른 아이템으로 매핑할 수 있는, 변환해서 새로운 배열 생성
result = nums.map();
//flatmap() : 중첩된 배열을 쫘악 펴줌
arr.flatMap((item) => [1, 2]); //각각의 배열 요소를 [1,2]로 매핑한 후에 중첩된 배열을 펴줌
//sort 배열의 아이템들을 정렬 //기존 배열 변경🦝
texts.sort();
numbers.sort((a, b) => a - b); //오름차순 정렬
numbers.sort((a, b) => b - a); //내림차순 정렬
//reduce : 배열의 요소들을 접어서 접어서 하나의 값으로
arr.reduce((sum, value) => (sum += value), 초기값);
'TIL' 카테고리의 다른 글
TIL-23.04.05 (0) | 2023.04.06 |
---|---|
TIL-23.04.04 (0) | 2023.04.05 |
TIL-23.03.25 (0) | 2023.03.25 |
TIL-23.03.24 (0) | 2023.03.25 |
TIL-23.03.23 (0) | 2023.03.23 |