본문 바로가기

JavaScript6

[JavaScript] Object 타입일 때, 속성(요소) 관련된 함수와 개수 세는 법 Object.entries() let myObject = { a: 1, b: 2, c: 3 }; let entries = Object.entries(myObject); console.log(entries); // [['a', 1], ['b', 2], ['c', 3]] Object.entries() 메서드는 주어진 객체의 속성들을 [key, value] 형태의 배열로 반환합니다. python의 dictionary 타입 items() 함수와 유사하다. 반환된 배열은 순서가 보장되지 않는다는 점에 주의해야 합니다. Object.keys() let myObject = { a: 1, b: 2, c: 3 }; let keys = Object.keys(myObject); console.log(keys); // ['a.. 2023. 12. 21.
[JavaScript] findIndex() 함수 설명 let array = [10, 20, 30, 40, 50]; let index = array.findIndex(element => element > 30); console.log(index); // 3 (40은 30보다 큰 첫 번째 요소이므로 인덱스 3) 배열에서 주어진 판별 함수를 만족하는 첫 번째 요소의 인덱스를 반환합니다. 판별 함수가 만족하는 요소를 찾지 못하면 -1을 반환합니다. 2023. 12. 21.
[JavaScript] 문자열을 숫자로 변환하는 여러가지 방법 1. Number()로 문자열을 숫자로 변환 Number()는 인자로 전달된 문자열을 Number로 변환합니다. 숫자가 아닌 문자나 undefined 등을 인자로 전달하면 NaN(Not A Number)를 리턴합니다. NaN의 의미는 숫자가 아니라는 것이지만 NaN 객체의 타입을 보면 number인데요. 여기서 NaN은 숫자로 표현이 안되지만 객체의 타입은 Number라고 보시면 될 것 같습니다. const str = '1234'; const num1 = Number(str); const num2 = Number('1234.5'); const num3 = Number(undefined); const num4 = Number('abcd'); console.log(num1 + ', ' + typeof num.. 2023. 12. 19.
[Javascript] find() 함수와 filter() 함수의 공통점과 차이점 find() find() 함수는 주어진 콜백 함수의 조건을 만족하는 배열의 첫 번째 원소만 반환한다. 만약 조건을 만족하는 원소가 없으면 undefined를 반환한다. find() 함수는 단일 값을 찾을 때 사용한다. const numbers = [1, 2, 3, 4, 5]; const evenNumber = numbers.find(num => num % 2 === 0); console.log(evenNumber); // 출력: 2 filter() filter() 함수는 주어진 콜백 함수의 조건을 만족하는 모든 배열 원소를 포함한 새로운 배열을 반환한다. 만약 조건을 만족하는 원소가 없으면 빈 배열을 반환한다. filter() 함수는 여러 값을 찾거나, 조건에 맞는 모든 원소를 추출하고자 할 때 사용한다.. 2023. 12. 18.
[Javascript] 배열의 요소가 어떤 값을 포함하고 있는지 구하는 방법 includes() const array1 = [1, 2, 3]; console.log(array1.includes(2)); // expected output: true const pets = ['cat', 'dog', 'bat']; console.log(pets.includes('cat')); // expected output: true console.log(pets.includes('at')); // expected output: false -> 배열.includes(값) : 배열의 요소 중에 ()안 값이 포함되어 있다면 true 반환, 아니라면 false 반환해준다. 2023. 12. 16.
[Javascript] 현재 날짜, 시간 구하기 현재 날짜, 시간 구하기 var today = new Date(); console.log(today); // 결과 : Sun May 30 2021 15:47:29 GMT+0900 (대한민국 표준시) 날짜 포맷 변경하기(YYYY-MM-DD) var today = new Date(); var year = today.getFullYear(); var month = ('0' + (today.getMonth() + 1)).slice(-2); var day = ('0' + today.getDate()).slice(-2); var dateString = year + '-' + month + '-' + day; console.log(dateString); // 결과 : 2021-05-30 시간 포맷 변경하기(HH:MM.. 2023. 12. 16.

티스토리툴바