Duck Hwan

1656668950

예제를 사용하여 JavaScript에서 값으로 배열을 복사하는 방법

이 가이드에서는 예제를 통해 JavaScript에서 값으로 배열을 복사하는 방법을 배웁니다. 이 slice()메서드를 사용하여 독립적으로 동작하는 JavaScript 배열의 복사본을 만들 수 있습니다. 이 메서드는 배열 부분의 얕은 복사본을 새 배열로 반환합니다.

기본적으로 어떻게 작동하는지 이해하기 위해 다음 예제를 시도해 보겠습니다.

예시

// Original array
var array1 = ["red", "green", "blue"];

// Making a copy
var array2 = array1.slice();

// Adding a new element to copied array
array2.push("pink");

console.log(array2); // Prints: ['red', 'green', 'blue', 'pink']
console.log(array1); // Prints: ['red', 'green', 'blue']

Array.from()방법

JavaScript에서 배열을 복제하는 또 다른 방법은 Array.from() 메서드를 사용하는 것입니다. Array배열과 유사하거나 반복 가능한 개체에서 얕은 복사된 새 개체를 만듭니다.

  :

const fruits = ['🍑', '🍓', '🍉', '🍇', '🍒'];

// clone `fruits` using `Array.from()`
const moreFruits = Array.from(fruits);

Array.from()방법은 ES6에서 도입되었으므로 최신 브라우저에서만 작동합니다. 그러나 폴리필을 사용하여 브라우저 지원을 IE6으로 되돌릴 수 있습니다.

What is GEEK

Buddha Community

Duck Hwan

1656668950

예제를 사용하여 JavaScript에서 값으로 배열을 복사하는 방법

이 가이드에서는 예제를 통해 JavaScript에서 값으로 배열을 복사하는 방법을 배웁니다. 이 slice()메서드를 사용하여 독립적으로 동작하는 JavaScript 배열의 복사본을 만들 수 있습니다. 이 메서드는 배열 부분의 얕은 복사본을 새 배열로 반환합니다.

기본적으로 어떻게 작동하는지 이해하기 위해 다음 예제를 시도해 보겠습니다.

예시

// Original array
var array1 = ["red", "green", "blue"];

// Making a copy
var array2 = array1.slice();

// Adding a new element to copied array
array2.push("pink");

console.log(array2); // Prints: ['red', 'green', 'blue', 'pink']
console.log(array1); // Prints: ['red', 'green', 'blue']

Array.from()방법

JavaScript에서 배열을 복제하는 또 다른 방법은 Array.from() 메서드를 사용하는 것입니다. Array배열과 유사하거나 반복 가능한 개체에서 얕은 복사된 새 개체를 만듭니다.

  :

const fruits = ['🍑', '🍓', '🍉', '🍇', '🍒'];

// clone `fruits` using `Array.from()`
const moreFruits = Array.from(fruits);

Array.from()방법은 ES6에서 도입되었으므로 최신 브라우저에서만 작동합니다. 그러나 폴리필을 사용하여 브라우저 지원을 IE6으로 되돌릴 수 있습니다.

Duck Hwan

1656793200

예제를 사용하여 JavaScript에서 두 날짜를 비교하는 방법

이 가이드에서는 JavaScript에서 두 날짜를 비교하는 방법을 배웁니다. 이 메서드를 사용하여 getTime()JavaScript에서 두 날짜를 비교할 수 있습니다. 이 메서드는 ECMAScript epoch(1970년 1월 1일 00:00:00 UTC) 이후의 밀리초 수를 반환합니다.

기본적으로 어떻게 작동하는지 이해하기 위해 다음 예를 살펴보겠습니다.

예시

// Sample dates
var date1 = new Date("August 15, 1994");
var date2 = new Date("December 10, 2022 04:30:00");
var date3 = new Date("2022-12-10T04:30:00");

// Performing comparison
console.log(date1.getTime() == date2.getTime()); // Prints: false
console.log(date1.getTime() == date3.getTime()); // Prints: false
console.log(date2.getTime() == date3.getTime()); // Prints: true
console.log(date2.getTime() != date3.getTime()); // Prints: false
console.log(date1.getTime() > date2.getTime());  // Prints: false
console.log(date1.getTime() < date2.getTime());  // Prints: true
console.log(date1.getTime() != date2.getTime()); // Prints: true

Duck Hwan

1659015600

예제를 사용하여 JavaScript에서 setInterval() 호출을 중지하는 방법

이 가이드에서는 JavaScript에서 setInterval() 호출을 중지하는 방법을 배웁니다. 이 setInterval()메서드는 간격을 고유하게 식별하는 간격 ID를 반환합니다. 이 간격 ID를 전역 메서드에 전달하여 호출 clearInterval()을 취소하거나 중지할 수 있습니다.setInterval()

예시: 

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>JavaScript Stop setInterval() Call</title>
</head>
<body>
    <p>Press start/stop button to start/stop setInterval() call.</p>
    <button type="button" id="startBtn">Start</button>
    <button type="button" id="stopBtn">Stop</button>
    <div id="myDiv"></div>

    <script>
    var intervalID;

    // Function to call repeatedly 
    function sayHello(){
        document.getElementById("myDiv").innerHTML += '<p>Hello World!</p>';
    }
    
    // Function to start setInterval call
    function start(){
        intervalID = setInterval(sayHello, 1000);
    }

    // Function to stop setInterval call
    function stop(){
        clearInterval(intervalID);
    }

    document.getElementById("startBtn").addEventListener("click", start);
    document.getElementById("stopBtn").addEventListener("click", stop);
    </script>
</body>
</html>

Duck Hwan

1658404260

예제를 사용하여 JavaScript에서 현재 날짜를 얻는 방법

이 가이드에서는 JavaScript에서 현재 날짜를 가져오는 방법을 배웁니다. Date 객체의 toLocaleDateString()메소드를 사용하여 JavaScript에서 원하는 형식으로 현재 날짜를 가져올 수 있습니다. 이 방법은 모든 주요 최신 웹 브라우저에서 지원됩니다.

예시: 

// Create a date object
var today = new Date();

// Generate current date string in UK date format (day-month-year)
var ukDate = today.toLocaleDateString("en-GB", {
    year: "numeric",
    month: "2-digit",
    day: "2-digit",
});
console.log(ukDate);

// Generate current date string in US date format (month-day-year)
var usDate = today.toLocaleDateString("en-US", {
    year: "numeric",
    month: "2-digit",
    day: "2-digit",
});
console.log(usDate);

옵션을 지정하되 브라우저의 기본 로케일을 사용하려면 "default""en-US", "en-GB" 등을 대신 사용할 수 있습니다. 속성에 가능한 값은 "numeric", "2-digit", "narrow", "short", "long"입니다. 반면 연도 속성에 대한 가능한 값 은 "numeric", 및 "2-digit"입니다.

또는 Date 객체의 getDate(), getMonth()getFullYear()메서드를 사용하여 현재 날짜를 가져오고 필요에 따라 형식을 지정할 수 있습니다. 예제를 확인해 보겠습니다.

예시: 

// Create a date object
var today = new Date()

var year = today.getFullYear();

/* Add 1 to the returned month number, as count for months starts 
at 0 (January) and ends at 11 (December). Also place 0 before 
single digit month and day number with padStart() method */
var month = String(today.getMonth() + 1).padStart(2, '0');
var day = String(today.getDate()).padStart(2, '0');

// Generate current date string in UK date format (day-month-year)
var ukDate = [day, month, year].join('/');
console.log(ukDate);

// Generate current date string in US date format (month-day-year)
var usDate = [month, day, year].join('/');
console.log(usDate);

Duck Hwan

1656681661

예제를 사용하여 JavaScript에서 Unix 타임스탬프를 시간으로 변환하는 방법

이 가이드에서는 유닉스 타임스탬프를 JavaScript에서 시간으로 변환하는 방법을 배웁니다. 당신은 단순히 new Date()구문 을 사용할 수 있습니다

Unix 타임스탬프는 시간을 초 단위로 측정하지만 JavaScript 시간은 기본적으로 밀리초 단위로 지정되기 때문에 Unix 타임스탬프에 1000을 곱하여 JavaScript 시간으로 변환합니다.

다음 예제는 Unix 타임스탬프를 JavaScript 시간으로 변환하고 날짜와 시간 부분을 추출하는 방법을 보여줍니다. 그것을 시도하고 그것이 어떻게 작동하는지 봅시다:

예시

// Timestamp in seconds
var unixTimestamp = 1651822834;

/* Create a new JavaScript Date object based on Unix timestamp.
Multiplied it by 1000 to convert it into milliseconds */
var date = new Date(unixTimestamp * 1000);

// Generate date string
console.log(date.toLocaleDateString("en-US"));   // Prints: 5/6/2022
console.log(date.toLocaleDateString("en-GB"));   // Prints: 06/05/2022
console.log(date.toLocaleDateString("default")); // Prints: 5/6/2022

// Generate time string
console.log(date.toLocaleTimeString("en-US"));   // Prints: 1:10:34 PM
console.log(date.toLocaleTimeString("it-IT"));   // Prints: 13:10:34
console.log(date.toLocaleTimeString("default")); // Prints: 1:10:34 PM