JS spread operator 스프레드 연산자(...)
·
Front/javascript
스프레드 연산자(...)를 사용하면 배열이나 객체의 요소를 하나하나 분해하여 이를 함수의 인자로 사용하거나 배열 요소, 객체 속성으로 펼쳐서 사용할 수 있게 해 준다. 이는 데이터 복사, 합치기 등의 작업을 매우 간결하게 처리할 수 있게 도와준다!  말로 들으면 잘 이해가 안가는데, 코드를 보면 아주 확실히 알 수 있다.   배열의 스프레드 기존 방식 let arr1 = [1, 2, 3];let arr2 = [4, 5];// arr1과 arr2를 합치기let combinedArr = arr1.concat(arr2);console.log(combinedArr); // [1, 2, 3, 4, 5] 스프레드 연산자 사용 let arr1 = [1, 2, 3];let arr2 = [4, 5];// arr1과 ar..
[Javascript] 요소를 복사하여 사용하기 - JS clone
·
Front/javascript
[목표]받아온 데이터를 생성 된 html에 값을 할당해 데이터의 수 만큼 복제하고 싶다!   [html 생성]아래와 같이 html이 있다고 하쟈   [script 구현] makeList 라는 함수를 정의해서 저기에 데이터를 넣으면 바로 실행 되게 해주자 function makeList(data) {let $clone = gb_2.$html.clone(); //복사할 개체를 선택해서 $clone 이라는 걸 만들어준다 for (var i = 0; i ]
자바스크립트 filter 메서드
·
Front/javascript
[역할]filter 메서드는 JavaScript의 배열 메서드 중 하나로, 주어진 조건에 따라 배열의 요소들을 필터링하여 새로운 배열을 반환한다. 이 메서드는 원본 배열을 변경하지 않고, 조건에 맞는 요소들로 이루어진 새로운 배열을 생성하는 특징이 있다. [구조] let newArray = array.filter(callback(element[, index[, array]])[, thisArg]); 매개변수callback(element[, index[, array]]): 배열의 각 요소에 대해 호출되는 함수.element: 현재 처리 중인 요소.index (선택적): 현재 처리 중인 요소의 인덱스.array (선택적): filter 메서드가 호출된 배열 자체.thisArg (선택적): callback 함..
Dayjs 사용법
·
Front/javascript
[Dayjs란] Dayjs는 날짜 처리를 간편하게 할 수 있도록 도와주는 라이브러리이다. 일반적인 포매팅부터 날짜를 어느 기준만큼 더하고 빼는 등의 날짜연산과도 관련된 다양한 기능을 제공해준다. [dayjs 객체 초기화] dayjs()에 빈 값을 전달하면 현재 날짜 및 시간 기준으로 dayjs 객체가 생성된다. dayjs(); 특정 날짜 및 시간을 기준으로 dayjs 객체를 생성하는 경우 Format String을 전달합니다. dayjs('2023-08-17'); dayjs('2023-08-17 20:20:30'); [dayjs 객체 get] ▶ 시/분/초/밀리초 가져오기 // 시간 가져오기 dayjs().hour(); dayjs().get('hour'); dayjs().get('h'); // 분 가져오..
해니01_15
'Front/javascript' 카테고리의 글 목록