본문 바로가기

Front71

[Javascript] map 메서드 / key값 / value값 / map.get() map 메서드 선언방식 map 생성 방식 1 let emptyMap = new Map(); console.log( emptyMap); map 생성 방식 2 let map2 = new Map( [ [ "key1", "value" ], [ "key2", "value2" ], [ "key3", "value3" ] ]); console.log( map2 ); console.log( map2.size ); key를 이용해 value를 저장한다. 데이터 불러오기 배열에서 했던 방식대로 저장된 데이터를 불러오자. let map2 = new Map( [ [ "key1", "value" ], [ "key2", "value2" ], [ "key3", "value3" ] ]); console.log( map2[0]) con.. 2022. 9. 20.
[Javscirpt] for Each / 배열 순회 forEach() 메서드는 배열을 순회하는 여러 방법 중 하나입니다. 아래와 같은 숫자 배열이 있습니다. const numbers = [1, 2, 3, 4, 5, 6]; for문을 통해서 배열을 순회하는 방식은 아래와 같습니다. for ( i = 0; i < numbers.length; i++) { console.log(numbers[i]); } 그렇다면 forEach 메서드는? 배열을 순회하기 위해 사용되지만, 기본적인 for 반복문과는 다른 방식으로 함수를 사용합니다. forEach 메서드는 다음 매개변수(parameter)와 함께 배열의 각 요소에 적용하게 될 콜백 함수(callback function)를 전달합니다. Current Value (명명된 매개변수) - 처리할 현재 요소 Index (선.. 2022. 9. 20.
[Javascript] set() 메서드 / add() / size / for of / for Each set은 중복을 허락하지 않고, 교, 합, 차집합이 가능함에 따라서 중복을 제거하는 용도로 사용 데이터를 삽입한 순서대로 요소를 순회 // 대문자 주의 // "iterable" => 반복 가능한 객체 new Set([iterable]); 사용 예 // 선언 let set = new Set(); // 데이터 추가 set.add( "축구" ); set.add( "농구" ); set.add( "배구" ); // 출력 console.log( set.size ); console.log( set ); 데이터를 추가할떄는 add() 라는 메서드를 사용하고, 데이터의 갯수를 확인할때는 length가 아니라 size()라는 메서드를 사용. 중복을 허락하지 않기에 같은 이름의 데이터를 추가해도 set.add( "축구" ).. 2022. 9. 20.
[Javascript] 배열 객체 / join() / reverse() / sort() / slice() / splice() / concat() / pop() / push() / shift() / unshift() / length에 관해서 변수에는 데이터가 한 개만 저장. 여러 개의 데이터를 하나의 장소에 저장하려면? 배열 객체(Array Object)를 생성하면 됩니다. 배열 객체(Array object) 생성하는 방식 1. let 참조 변수 = new Array(); 참조변수[0]=값1; 참조 변수[10]=값2; ... 참조 변수[n-1]=값n; 2. let 참조 변수 = new Array(값1, 값2, ... 값n); 3. let 참조 변수 = [값2, 값2, ... 값n]; 배열 객체 생성 예시 // 배열 선언 방법 1 let arr1 = []; // 배열 선업 방법 2 let arr2 = Array(); let arr3 = new Array(); // 선언된 배열 호출 console.log( arr1); console.log( a.. 2022. 9. 19.
[Javascript] 수학 객체 / Math.abs() / Math.max() / Math.min() / Math.pow() / Math.random() / Math.round() / Math.ceil() / Math.floor() / Math.sqrt() / Math.PI() 자바스크립트 내장 객체에는 수학 관련 기능과 속성을 제공하는 수학 객체(Math Object) 존재 날짜 객체와는 다르게 객체를 따로 선언할 필요가 없음. 메소드를 통해 바로 사용이 가능 수학정보 객체 Math.abs(숫자) 절댓값 반환 Math.max( 숫자1, 숫자2, ... 숫자n ) 가장 큰 값 반환 Math.min( 숫자1, 숫자2, ... 숫자n ) 가장 작은 값 반환 Math.pow( 숫자, 제곱값 ) 거듭제곱값을 반환 Math.random() 0 2022. 9. 19.
[Javascript] 날짜 정보 객체 / getFullYear() / getMonth() / getDate() / getDay() / getHours() / getMinutes() / getSeconds() / getMiliseconds() / getTime() 날짜나 시간 관련 정보를 제공받고 싶을 때 사용하는 날짜 객체(Date Object) 우선, 현재 날짜의 정보를 제공하는 Date 객체를 생성 //기본 형식 참조 변수 = new Date(); // 예 let date = new Date(); 또는, 현재 날짜가 아니라 특정 날짜의 Date 객체 생성 // 기본 형식 참조 변수 = new Date("연/월/일"); // 예 let date = new Date("2022/9/19") 날짜 정보 객체 getFullYear() 연도 정보 getMonth() 월 정보( 현재 월 -1) getDate() 일 정보 getDay() 요일 정보(일: 0 ~ 토:6) getHours() 시 정보 getMinutes() 분 정보 getSeconds() 초 정보 getMil.. 2022. 9. 19.

티스토리툴바