꼭 알아야 할 7가지 킬러 자바스크립트 원라이너 😎😎

코드 여정에서 반드시 알아야 할 최고의 킬러 자바스크립트 원 라이너 7가지

임의 문자열 생성

무언가에 대한 임시 고유 ID가 필요한 경우 이것은 하나의 라이너가 임의의 문자열을 생성합니다.

const randomString = Math.random().toString(36).slice(2);
console.log(randomString)

이메일에서 도메인 이름 추출

substring() 메서드를 사용하여 이메일의 도메인 이름을 추출할 수 있습니다.

let email = '[email protected]';
let getDomain = email.substring(email.indexOf('@') + 1);

console.log(getDomain)

다크 모드 감지

이 한 줄로 사용자가 다크 모드를 사용하고 있는지 확인한 다음 다크 모드에 따라 일부 기능을 업데이트할 수 있습니다.

const isDarkMode = window.matchMedia && 
window.matchMedia('(prefers-color-scheme:dark)').match;

* 요소에 포커스가 있는지 확인 *

요소에 자바스크립트의 포커스가 있는지 감지하려면 문서 객체의 읽기 전용 자바스크립트 속성인 activeElement를 사용할 수 있습니다.

const elem = document.querySelector('.text-input')
const isFocus = elem = document.activeElement;

사용자 리디렉션

Javascript를 사용하여 사용자를 특정 URL로 리디렉션할 수 있습니다.

const redirect = url => location.href = url

변수가 배열인지 확인

변수가 배열인지 또는 Array.isArray() 메서드를 사용하지 않는지 확인할 수 있습니다.

let fruit = 'apple';
let fruits = ['apple','banana','mango','orange','grapes']

const isArray = (arr) => Array.isArray(arr)

console.log(isArray.fruit); // false
console.log(isArray.fruits); //true

배열이 비어 있는지 확인

이것은 배열이 비어 있는지 여부를 알려주는 하나의 라이너입니다.

let arr1 = []
let arr2 = [2,4,6,8,10]

const arr1IsEmpty = !(Array.isArray(arr1) && arr1.length >0);
const arr2IsEmpty = !(Array.isArray(arr2) && arr2.length >0);

console.log(arra1);
console.log(arr2)

더 읽어보기



이 JavaScript One-Liners 기사를 친구들과 공유하십시오