본문 바로가기

웹코딩 배우기/· JavaScript69

자바스크립트 날짜 규칙 2 See the Pen Date() #2 by nilgi (@nilgi) on CodePen. const gd = new Date("February 24, 2024 12:24:00"); // "날짜"로 쓰면 원하는 날짜를 입력할 수 있다. const gd1 = new Date(0); // 컴퓨터 시작 날짜는 1970년 1월 1월. 생각보다 젊네? const gd2 = new Date(-100000000); const gd3 = new Date(100000000); // 숫자 하나는 밀리초다. -밀리초는 1970년 1월 1일 이전이고 +밀리초는 1970년 1월 1일 이후다. 2022. 10. 6.
자바스크립트 날짜 규칙 1 new Date() new Date(year, month, day, hours, minutes, seconds, milliseconds) new Date(milliseconds) const sba = new Date(1982, 6, 24, 12, 24, 12, 24); - 자바의 순서는 0부터 시작하므로 1월은 0이고 12월 11이다. 17월은 5월이다. new Date(년, 월, 일, 시, 분, 초) // 여섯 개의 숫자로 지정 new Date(년, 월, 일, 시, 분) new Date(년, 월, 일, 시) new Date(년, 월, 일) new Date(년, 월) // 월은 생략할 수 없으며 숫자 하나는 밀리초로 표시한다. new Date(82, 6, 24); // 두 자리 연도는 19xx로 표시 n.. 2022. 10. 4.
자바스크립트 - Date() 날짜 See the Pen Date() by nilgi (@nilgi) on CodePen. • new Date(); document.getElementById("d_y").innerHTML = dy.getFullYear() + "년"; document.getElementById("d_m").innerHTML = dm.getMonth() + 1 + "월"; document.getElementById("d_d").innerHTML = dd.getDate() + "일"; document.getElementById("d_h").innerHTML = dh.getHours() + "시"; document.getElementById("d_mi").innerHTML = dmi.getMinutes() + "분"; docum.. 2022. 9. 29.
자바스크립트 - key, entries, includes : 요소 반환 표시 See the Pen key, entries, includes by nilgi (@nilgi) on CodePen. • key() : 요소를 반환하여 키로 표시 const keys = car.keys(); • entries() : 요소를 반환하여 키와 값으로 표시 const c1 = car1.entries(); • includes() : 요소가 배열에 있는지 확인 car2.includes("lexus"); 2022. 9. 22.
자바스크립트 - indexOf, lastIndexOf : 요소 위치 See the Pen indexOf(), lastindexOf() by nilgi (@nilgi) on CodePen. • indexOf(): 요소 위치 ["닐기", "일기", "릴기", "닐기", "닐귀"]; let ng1 = name1.indexOf("닐기") + 1; // 요소가 없을 때 -1로 표현 // 요소가 두 번 이상 나오면 첫 번째 위치 표시 • lastindexOf(): 요소 마지막 위치 ["닐기", "일기", "릴기", "닐기", "닐귀"]; let ng2 = name2.lastIndexOf("닐기") + 1; // indexOf는 i가 소문자고 lastIndexOf는 i가 대문자. // 자바에서 순서는 0부터 시작하므로 +1을 해준다. 2022. 9. 20.
자바스크립트 - 요소 찾기 find, findIndex See the Pen find(), findIndex() by nilgi (@nilgi) on CodePen. • find(): 요소 찾기 let gf1 = no1.find(myFunction); function myFunction(value, index, array) { return value > 24; } // 조건에 맞는 첫 번째 요소를 표시 • findIndex(): 요소를 찾고 그 요소의 위치 표시 document.getElementById("gr_fi").innerHTML = no2.findIndex(myFunction); function myFunction(value, index, array) { return value > 24; } // 조건에 맞는 첫 번째 요소의 위치 표시 2022. 9. 15.
자바스크립트 - every(); some(); See the Pen every(): 모든 요소 검사 by nilgi (@nilgi) on CodePen. • every(): 모든 요소 검사 let every_num = gr_nums.every(myFunction); function myFunction(value) { return value > 100; } • some(): 일부 요소 검사 let some_num = gr_nums1.some(myFunction); function myFunction(value) { return value > 50; } 2022. 9. 13.
오른쪽 요소부터 함수 걸기 - reduceRight(); See the Pen reduceRight() by nilgi (@nilgi) on CodePen. 지난번에 배운 reduce : 왼쭉부터(기분) 함수 걸기, reduceRight는 오른쪽 요소부터 [웹코딩 배우기/· JavaScript] - reduce() - 요소에 함수 걸기 num1.reduceRight(myFunction); function myFunction(total, value, index, array) { return total + value; } ​ ♥ 2022. 8. 9.
reduce() - 요소에 함수 걸기 See the Pen reduce() : 요소에 함수를 실행 by nilgi (@nilgi) on CodePen. let plus = no.reduce(myFunction); function myFunction(total, value, index, array) { return total + value; } let plus2 = no2.reduce(myFunction, 1000); function myFunction(total, value) { return total + value; } ※ 참고 reduce()는 배열 왼쪽에서 오른쪽으로 요소를 호출하고 reduceRight()는 오른쪽에서 왼쪽으로 호출한다. 2022. 8. 4.
filter() : 필터 적용 See the Pen filter() : 필터를 적용 by nilgi (@nilgi) on CodePen. 요소에 필터를 걸어 요소를 다시 배열한다. const ftn = nums.filter(myFunction); function myFunction(value) { return value > 100; } 오랜만에 공부하니까 영 모르건네... 2022. 7. 26.
숫자 배열 비교 - 자바스크립트 See the Pen sort 숫자 배열-비교 by nilgi (@nilgi) on CodePen. 지난 시간에 문자 배열의 순서 sort를 배웠다. 예를 들어 숫자 2와 100을 문자로 인식해 비교하면 2는 100보다 크다고 판단한다. 비교(a - b)를 이용해서 숫자의 크고 작음을 판단해 올바르게 정렬할 수 있다. sn.sort(function(a, b){return a - b}); a - b 값 음수 : b값이 더 크다는 뜻 - a가 작으니 앞으로 보낸다. a - b 값 양수 : a값이 더 크다는 뜻 - a가 크니 뒤로 보낸다. 2022. 7. 5.

티스토리툴바