> 웹 프론트엔드 > JS 튜토리얼 > 짧고 달콤한 JavaScript 스니펫

짧고 달콤한 JavaScript 스니펫

王林
풀어 주다: 2024-07-19 17:01:19
원래의
921명이 탐색했습니다.

Short & Sweet JavaScript Snippets

JavaScript는 놀라울 정도로 다재다능하고 강력한 프로그래밍 언어로 웹 개발에 널리 사용됩니다. 숙련된 개발자이든 이제 막 시작하는 개발자이든 편리한 JavaScript 스니펫 세트를 사용하면 시간을 절약하고 코딩 프로세스를 간소화할 수 있습니다. 이 기사에서는 다양한 작업을 다루는 15개의 짧고 유용한 JavaScript 조각을 편집했습니다. 뛰어들어 보세요!

01. 현재 데이터 및 시간 가져오기

const currentDateTime = new Date();
console.log(currentDateTime);
로그인 후 복사

02. 배열에서 최대 개수 찾기

const number = [5, 2, 7, 10, 1]
const maxNumber = Math.max(...number)

// 10
로그인 후 복사

03. 셔플 배열

function shuffleArray(array) {
    return array.sort(() => Math.random() - 0.5);
}
로그인 후 복사

04. 1~10 사이의 난수 생성

const randomNumber = Math.floor(Math.random() * 10) + 1;
console.log(randomNumber);

// 7
로그인 후 복사

05. 문자열을 소문자로 변환

const str = 'Hello, World!''
console.log(str.toLowerCase());

// hello, world!
로그인 후 복사

06. 짝수인지 홀수인지 확인

const num = 5;
if (num % 2 === 0) {
    console.log('Number is even');
} else {
    console.log('Number is odd');
}

// 'Number is odd'
로그인 후 복사

07. 간단한 10초 카운트다운 타이머 만들기

let seconds = 5;
const countdown = setInterval(() => {
    console.log(seconds);
    seconds--;
    if (seconds < 0) {
        clearInterval(countdown);
        console.log('Countdown finished!');
    }
}, 1000);


// 5
// 4
// 3
// 2
// 1
// Countdown finsihed!
로그인 후 복사

08. 숫자 배열을 문자열 배열로 변환

const numbers = [1, 2, 3, 4, 5];
const strings = numbers.map(String);
console.log(strings);

// ['1', '2', '3', '4', '5']
로그인 후 복사

09. 중복 제거

let arr = ["apple", "mango", "apple", "orange", "mango", "mango"];
const removeDuplicates = arr => [...new Set(arr)];

console.log(removeDuplicates(arr));

// ['apple', 'mango', 'orange']
로그인 후 복사

10. 문장을 단어 배열로 변환

const sentence = "This is a sentence";
const words = sentence.split(" ");

console.log(words);

// ['This', 'is', 'a', 'sentence']
로그인 후 복사

11. 문자열 반복

function repeatString(str, n){
    return str.repeat(n);
}

const repeatedStr = ('abc', 3);
console.log(repeatedStr);

// 'abcabcabc'
로그인 후 복사

12. 배열의 교차점 찾기

// Define the intersection function
const intersection = (a, b) => a.filter(value => b.includes(value));

// Example arrays
const arrayA = [1, 2, 3, 4, 5];
const arrayB = [4, 5, 6, 7, 8];

// Use the intersection function to find common elements
const result = intersection(arrayA, arrayB);

// Log the result to the console
console.log(result);

// [4, 5]
로그인 후 복사

13. 동적 문자열 생성

const name = 'Matin Imam';
const greeting = `Hello, ${name}!`;
console.log(greeting); // "Hello, Matin Imam!"
로그인 후 복사

14. 개체 병합

const person = {name: 'Matin'};
const details = {work: 'Developer'};

const fullDetails = {...person, ...details};
console.log(fullDetails);

// {name: 'Matin', age: 30}
로그인 후 복사

15. 지연 후 새 URL로 리디렉션

setTimeout(() => location.href = https://www.linkedin.com/in/matin-imam/", 5000);
로그인 후 복사

이 15개의 JavaScript 스니펫은 코드 몇 줄로 무엇을 얻을 수 있는지를 간략하게 보여줍니다. 배열, 문자열을 조작하거나 날짜 및 시간 작업을 하든 이 스니펫은 개발 프로세스를 간소화하는 데 도움이 될 수 있습니다.


나와 연결

이 게시물이 마음에 들었고 연결하고 싶다면 언제든지 LinkedIn을 통해 저에게 연락해 주세요. 소프트웨어 개발에 대한 더 많은 통찰력을 연결하고 공유하고 싶습니다!

LinkedIn에서 저와 소통하세요

위 내용은 짧고 달콤한 JavaScript 스니펫의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:dev.to
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿