매우 실용적인 33개의 JavaScript 한 줄 코드, 수집하는 것이 좋습니다!
이 기사에서는 매우 실용적인 33개의 JavaScript 한 줄 코드를 정리하고 공유합니다. 이러한 방법은 작업을 단순화하기 위해 일부 API를 사용하지만 일부 방법은 한 줄을 작성하기에는 그다지 우아하지 않으므로 여기서는 주로 API 학습에 중점을 둡니다. 사용팁! 모두에게 도움이 되기를 바랍니다.
1. 날짜 처리
1. 날짜가 유효한지 확인하세요
이 방법은 주어진 날짜가 유효한지 확인하는 데 사용됩니다:
const isDateValid = (...val) => !Number.isNaN(new Date(...val).valueOf()); isDateValid("December 17, 1995 03:24:00"); // true
2. 두 날짜 간격
이 방법은 두 날짜 사이의 간격을 계산하는 데 사용됩니다.
const dayDif = (date1, date2) => Math.ceil(Math.abs(date1.getTime() - date2.getTime()) / 86400000) dayDif(new Date("2021-11-3"), new Date("2022-2-1")) // 90
3. 날짜가 있는 연도의 날짜를 찾습니다.
이 방법은 주어진 날짜가 다음인지 감지하는 데 사용됩니다. 날짜:
const dayOfYear = (date) => Math.floor((date - new Date(date.getFullYear(), 0, 0)) / 1000 / 60 / 60 / 24); dayOfYear(new Date()); // 307
2021이 지났습니다
4. 시간 형식 지정
이 방법을 사용하면 시간을 시:분:초:
const timeFromDate = date => date.toTimeString().slice(0, 8); timeFromDate(new Date(2021, 11, 2, 12, 30, 0)); // 12:30:00 timeFromDate(new Date()); // 返回当前时间 09:00:00
2 형식으로 변환할 수 있습니다. 처리
1. 문자열의 첫 글자를 대문자로 표시합니다
이 방법은 영어 문자열의 첫 글자를 대문자로 표시하는 데 사용됩니다:
const capitalize = str => str.charAt(0).toUpperCase() + str.slice(1) capitalize("hello world") // Hello world
2. 문자열을 뒤집는 데 사용됩니다. 문자열 작업, 뒤집힌 문자열 반환:
const reverse = str => str.split('').reverse().join(''); reverse('hello world'); // 'dlrow olleh'
3. 임의의 문자열
이 방법은 임의의 문자열을 생성하는 데 사용됩니다:
const randomString = () => Math.random().toString(36).slice(2); randomString();
4. 이 방법은 지정된 길이에서 시작할 수 있습니다. 다음 위치에서 문자열을 자릅니다.
const truncateString = (string, length) => string.length < length ? string : `${string.slice(0, length - 3)}...`; truncateString('Hi, I should be truncated because I am too loooong!', 36) // 'Hi, I should be truncated because...'
5. 문자열에서 HTML을 제거합니다.
이 방법은 문자열에서 HTML 요소를 제거하는 데 사용됩니다.
const stripHtml = html => (new DOMParser().parseFromString(html, 'text/html')).body.textContent || '';
3. 배열 처리
1. 배열에서 배열에서 중복 항목 제거이 방법은 배열에서 중복 항목을 제거하는 데 사용됩니다:
const removeDuplicates = (arr) => [...new Set(arr)]; console.log(removeDuplicates([1, 2, 2, 3, 3, 4, 4, 5, 5, 6]));
2. 배열이 비어 있는지 확인합니다.
이 방법은 배열이 빈 배열인지 확인하는 데 사용됩니다. 부울 값 반환:
const isNotEmpty = arr => Array.isArray(arr) && arr.length > 0; isNotEmpty([1, 2, 3]); // true
3. 두 배열 병합
다음 두 가지 방법을 사용하여 두 배열을 병합할 수 있습니다.
const merge = (a, b) => a.concat(b); const merge = (a, b) => [...a, ...b];
4. 숫자 연산
1. 홀수 또는 짝수이 방법은 숫자가 홀수인지 짝수인지 확인하는 데 사용됩니다.
const isEven = num => num % 2 === 0; isEven(996);
2 숫자 집합의 평균을 구합니다
const average = (...args) => args.reduce((a, b) => a + b) / args.length; average(1, 2, 3, 4, 5); // 3
두 정수 사이의 임의의 정수를 얻는 데 사용되는 방법
const random = (min, max) => Math.floor(Math.random() * (max - min + 1) + min); random(1, 50);
4. 지정된 숫자로 반올림
이 방법은 지정된 숫자에 따라 숫자를 반올림하는 데 사용됩니다:const round = (n, d) => Number(Math.round(n + "e" + d) + "e-" + d) round(1.005, 2) //1.01 round(1.555, 2) //1.56
5.
1. RGB를 16진수 메커니즘으로 변환
이 방법은 RGB 색상 값을 16진수 값으로 변환할 수 있습니다. const rgbToHex = (r, g, b) => "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
rgbToHex(255, 255, 255); // '#ffffff'
const randomHex = () => `#${Math.floor(Math.random() * 0xffffff).toString(16).padEnd(6, "0")}`; randomHex();
1. 콘텐츠를 클립보드에 복사
이 메서드는 navigator.clipboard.writeText를 사용하여 텍스트를 클립보드에 복사합니다.const copyToClipboard = (text) => navigator.clipboard.writeText(text); copyToClipboard("Hello World");
const clearCookies = document.cookie.split(';').forEach(cookie => document.cookie = cookie.replace(/^ +/, '').replace(/=.*/, `=;expires=${new Date(0).toUTCString()};path=/`));
const getSelectedText = () => window.getSelection().toString(); getSelectedText();
const isDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches console.log(isDarkMode)
const goToTop = () => window.scrollTo(0, 0); goToTop();
const isTabInView = () => !document.hidden;
const isAppleDevice = () => /Mac|iPod|iPhone|iPad/.test(navigator.platform); isAppleDevice();
const scrolledToBottom = () => document.documentElement.clientHeight + window.scrollY >= document.documentElement.scrollHeight;
const redirect = url => location.href = url redirect("https://www.google.com/")
const showPrintDialog = () => window.print()
7. 기타 작업
1. 무작위 부울 값이 메소드는 Math.random()을 사용하여 무작위 값을 반환할 수 있습니다. 0~1 사이의 난수를 선택하고 0.5와 비교하면 참값을 얻을 확률과 거짓값을 얻을 확률은 절반입니다.
const randomBoolean = () => Math.random() >= 0.5; randomBoolean();
세 번째 변수가 적용되지 않는 경우 두 변수의 값을 교환하려면 다음 형식을 사용할 수 있습니다.[foo, bar] = [bar, foo];
메소드가 사용됩니다. 변수 유형 가져오기:
const trueTypeOf = (obj) => Object.prototype.toString.call(obj).slice(8, -1).toLowerCase(); trueTypeOf(''); // string trueTypeOf(0); // number trueTypeOf(); // undefined trueTypeOf(null); // null trueTypeOf({}); // object trueTypeOf([]); // array trueTypeOf(0); // number trueTypeOf(() => {}); // function
该方法用于摄氏度和华氏度之间的转化: 5. 检测对象是否为空 该方法用于检测一个JavaScript对象是否为空: 【相关推荐:javascript学习教程】 위 내용은 매우 실용적인 33개의 JavaScript 한 줄 코드, 수집하는 것이 좋습니다!의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!const celsiusToFahrenheit = (celsius) => celsius * 9/5 + 32;
const fahrenheitToCelsius = (fahrenheit) => (fahrenheit - 32) * 5/9;
celsiusToFahrenheit(15); // 59
celsiusToFahrenheit(0); // 32
celsiusToFahrenheit(-20); // -4
fahrenheitToCelsius(59); // 15
fahrenheitToCelsius(32); // 0
const isEmpty = obj => Reflect.ownKeys(obj).length === 0 && obj.constructor === Object;

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제











HTML의 테이블 테두리 안내. 여기에서는 HTML의 테이블 테두리 예제를 사용하여 테이블 테두리를 정의하는 여러 가지 방법을 논의합니다.

HTML 여백-왼쪽 안내. 여기에서는 HTML margin-left에 대한 간략한 개요와 코드 구현과 함께 예제를 논의합니다.

HTML의 Nested Table에 대한 안내입니다. 여기에서는 각 예와 함께 테이블 내에 테이블을 만드는 방법을 설명합니다.

HTML 테이블 레이아웃 안내. 여기에서는 HTML 테이블 레이아웃의 값에 대해 예제 및 출력 n 세부 사항과 함께 논의합니다.

HTML 입력 자리 표시자 안내. 여기서는 코드 및 출력과 함께 HTML 입력 자리 표시자의 예를 논의합니다.

HTML 순서 목록에 대한 안내입니다. 여기서는 HTML Ordered 목록 및 유형에 대한 소개와 각각의 예에 대해서도 설명합니다.

HTML에서 텍스트 이동 안내. 여기서는 Marquee 태그가 구문과 함께 작동하는 방식과 구현할 예제에 대해 소개합니다.

HTML onclick 버튼에 대한 안내입니다. 여기에서는 각각의 소개, 작업, 예제 및 다양한 이벤트의 onclick 이벤트에 대해 설명합니다.
