JS(20)
-
<ref> 객체 데이터를 접근하는 방법
크롤링 후 html elements 값을 가져오려고 하는중 ref 객체 안에 "동아제약" 데이터를 가져오려고 한다 Text { prev: null, next: null, startIndex: null, endIndex: null, data: '동아제약', type: 'text' } Text.data 로 객체에 접근하면 undifined가 발생한다. 방법 객체를 선언하고 ref 값을 넣어서 선언한 객체에 접근해야한다. const refObject = { 객체를 넣어준다.} const text = refObject.data; console.log(text); // 동아제약
2023.06.14 -
Array 스택 pop(), 큐 shift()
Stack (First In Last Out) Stack 구현 pop() 사용 const data = [1, 2, 3] data.pop() data.pop() // Pop After : [ 1 ] console.log('Pop After : ', data) Quere (First in First Out) Quere 구현 shift() 사용 const data = [1, 2, 3] data.shift() data.shift() // Pop After : [ 3 ] console.log('Shift After : ', data)
2022.12.12 -
배열 간단히 합치는 방법 [Spread operator]
두 개의 배열이 존재 할 때 ES6 이 후 간단 한 방법이 있다. 바로 spread operator를 이용 하는 방법이다. 사용 방법 비어있는 배열을 선언하고 그 안에 spread 표현을 한 배열들을 넣어준다. const plusArray = [ ...더하는 배열1 , ...더하는 배열2 ] 더하는 배열2를 먼저 저장되게 하고 싶다면 const plusArray = [ ...더하는 배열2 , ...더하는 배열1 ] 으로 저장 하면 된다. * 배열의 element가 객체일 때 도 가능하다! ex ) const data1 = [1,2,3,4] const date2 = [5,6,7,8] const totalData = [ ...data1, ...data2 ] //출력 시결과 [1,2,3,4,5,6,7,8] c..
2022.06.30 -
자주 쓰는 정규식 (날짜, 시간, 특정 단어만 포함 정규식) | 테스트 사이트
자주 쓰는 날짜 정규식 정리 1. YYYY-MM-DD HH:mm:ss /\d{4}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01]) (0[0-9]|1[0-9]|2[0-3]):(0[1-9]|[0-5][0-9]):(0[1-9]|[0-5][0-9])$/ 2. YYYY-MM-DD /^\d{4}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01])$/ 3.HH:mm:ss /^(0[0-9]|1[0-9]|2[0-3]):(0[1-9]|[0-5][0-9]):(0[1-9]|[0-5][0-9])$/ 4. 특정 단어만 포함 하는 ex) [ cash shinhan samsung hyundai woori lotte kb ] /^(cash|shinhan|samsung|hyundai|woo..
2022.05.22 -
?. [Optional chaining] 객체 안에 값이 확실치 않을 때 읽는 방법
const obj = { aClass:{ name:'a클래스' }, bClass:{ name:'b클래스' }, cClass:{ name:'c클래스' } } Optional chaining dClass라는 값이 있는지 확실치 않을 때 ?. 연산자 를 사용 사용방법 obj?.dClass.name 존재 하지 않을때는 undifind를 나타낸다.
2022.02.09 -
JavaScript 비어있는 Object (객체) 확인 방법
객체 안에 내용이 있는지 확인 할 때 사용한다. 방법 Object.keys() 함수를 사용하여 해당하는 객체의 key 목록을 배열로 변환시켜 갯수를 확인하면 된다. const testObj = {} const testObj2 = {"title":"비어있지 않습니다"} if(Object.keys(testObj).length === 0){ console.log('testObj은 빈 객체입니다.') }else{ console.log('testObj은 비어있지 않습니다.') } if(Object.keys(testObj2).length === 0){ console.log('testObj2은 빈 객체입니다.') }else{ console.log('testObj2은 비어있지 않습니다.') }
2022.01.09