일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 그대로 출력하기
- await
- React
- vetor
- 백준
- 탈출문자
- 그래픽
- 백준 10172
- 이스케이프시퀀스
- R데이터형태
- asynchronization
- 백준 11718
- DataFrame
- barplot
- R 그래프
- barplot in r
- 배열추가
- setstate
- 배열삭제
- 데이터분석
- 광명시버스분석
- 버스분석
- 값삭제
- 이용현황분석
- useState
- getline
- react #회원가입 #비밀번호비교
- 10172
- plot in r
- 값추가
- Today
- Total
목록Front End/Javascript (27)
devlog_zz
[ ‘??’ 와 ‘||’ 의 차이 ] ?? : nullish 병합 연산자 a ?? b // a가 null도 아니고 undefined도 아니면 a // 그 외의 경우는 b ?? 와 || 의 차이 ?? 는 OR 연산자인 || 과 유사해보인다. || : 첫 번째 truthy 값을 반환 ?? : 첫 번째 정의된 ( defined ) 값을 반환한다. Truthy / Falsy 한 값 Falsy 한 값 undefined null 0 ‘’ NaN Truthy 한 값 Falsy 한 값 외의 나머지 let height = 0; console.log(height || 100); // 100 console.log(height ?? 100); // 0 height 가 0으로 정의되어 있다. || 는 0은 Falsy 한 값이므..
방법 1 split() 활용하기 let str = 'aaabbbcccddd' str.split('a').length -1 // 3 방법 2 match 정규식 활용하기 일치하는 값이 없을 때 `undefined` 가 나온다는 점 주의하기 일부 특수문자를 정규표현식에서 찾으려면 아래와 같이 \ 를 앞에 써줘야 한다는 점 주의하기 let str = 'aaabbbcccddd' str.match(/d/g)?.length //3 let str = 'aa.ab.bbnc,ccd,,d,,,dddddd' str.match(/\,/g)?.length // 6
length 배열의 길이 구하는 함수 const arr = [1,2,3,4] arr.length // 4 concat() 두 개 이상의 배열을 병합하는 데 사용 기존 배열을 변경하지 않고, 새 배열을 반환합니다. const arr1 = [1,2,3,4] const arr2 = [5,6,7,8] arr1.concat(arr2) // [1,2,3,4,5,6,7,8] 💡 또 다른 배열 병합 방법 spread operator spread operator : 개별 요소로 분리 const arr1 = [1,2,3,4] const arr2 = [5,6,7,8] [...arr1, ...arr2] // [1,2,3,4,5,6,7,8] // spread 하지 않는다면 [arr1,arr2] // [[1,2,3,4],[5,6..
toUpperCase() 문자열 전체를 대문자로 변환 toLowerCase() 문자열 전체를 소문자로 변환 let word = 'Hello World! 12345' word.toLowerCase() // 'hello world! 12345' word.toUpperCase() // 'HELLO WORLD! 12345' 대문자, 소문자 판별 // 대문자인지 판별하는 함수 const isUpper = (str) => { return str === str.toUpperCase() } // 소문자인지 판별하는 함수 const isLower = (str) => { return str === str.toLowerCase() } isUpper('ABCDE') // true isUpper('A') // true isUp..
charAt() 문자열에서 지정된 인덱스에 존재하는 문자를 찾아서 반환하는 함수 ◦ index 범위 밖의 숫자가 입력되면 빈 문자열('')이 리턴 index 형식 배열의 index 형식으로 가져오기 • 문자열의 index를 벗어나는 값이 index값으로 지정되면 'undefined'가 리턴 let text = 'abcde' text[0] // 'a' text.charAt(0) // 'a' let emptyText = '' emptyText[0] // undefined emptyText.charAt(0) // '' undefined가 나오면 안되는 경우 charAt() 함수를 사용하는 것이 좋다.
null 병합 연산자 '??' (Nullish coalescing operator) 널 병합 연산자는 만약 왼쪽 표현식이 null 또는 undefined 인 경우, 오른쪽 표현식의 결과를 반환한다. let name; ... // name assign된적 없고, undefined의 값 let text = name ?? 'Hello!'; // 결과 console.log(text) // Hello! 논리연산자 ' || ' null 또는 undefined 뿐만 아니라 falsy 값 ( 0 , '' , NaN )에 해당할 경우 오른쪽 피연산자를 반환 null병합연산자 '??'와의 차이점은 falsy 값도 유효하지 않은 값으로 처리하여 오른쪽 피연산자를 반환한다는 것이다. let num; let text; ... ..
Map 맵은 키가 있는 데이터를 저장한다는 점에서 객체와 유사하다. 맵은 키에 다양한 자료형을 허용한다는 점에서 차이가 있다. 맵의 주요 메서드와 프로퍼티 맵 생성 new Map() key를 이용해 value를 저장 map.set(key, value) key에 해당하는 값을 반환, key가 존재하지 않으면 undefined를 반환 map.get(key) key가 존재하면 true, 존재하지 않으면 false를 반환 map.has(key) key에 해당하는 값을 삭제 map.delete(key) 맵 안의 모든 요소를 제거 map.clear() 요소의 개수를 반환 map.size 예시 var sayings = new Map(); sayings.set("dog", "woof"); sayings.set("cat..
소수 판별하기 1) 1이나 0은 소수가 아니므로 제외 2) num을 2부터 num의 제곱근까지 나눈 나머지가 0이면 소수 아님 √n이 될 때 까지만 반복해보면 이 수가 소수인지 알 수 있으므로 반복횟수를 줄일 수 있다. const isPrime = (num) =>{ if(num === 1 || num === 0) return false // 1이나 0 이면 소수가 아님 for ( let i = 2 ; i