日付からコロン付きの時間を取得する

JavaScriptJavaScriptBeginner
今すぐ練習

This tutorial is from open-source community. Access the source code

💡 このチュートリアルは英語版からAIによって翻訳されています。原文を確認するには、 ここをクリックしてください

はじめに

この実験では、Date オブジェクトから時間を抽出し、HH:MM:SS 形式の文字列としてフォーマットする方法を探ります。Date オブジェクトを文字列に変換するために Date.prototype.toTimeString() メソッドを使用し、その後 String.prototype.slice() を使って文字列の HH:MM:SS 部分を抽出します。この実験は、JavaScript で Date オブジェクトを操作し、必要に応じてフォーマットする方法を理解するのに役立ちます。


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") subgraph Lab Skills javascript/variables -.-> lab-28352{{"日付からコロン付きの時間を取得する"}} javascript/data_types -.-> lab-28352{{"日付からコロン付きの時間を取得する"}} javascript/arith_ops -.-> lab-28352{{"日付からコロン付きの時間を取得する"}} javascript/comp_ops -.-> lab-28352{{"日付からコロン付きの時間を取得する"}} end

日付オブジェクトからコロン付きの時間を取得する方法

コーディングの練習をしたい場合は、まずターミナル/SSH を開いて node と入力することから始めることができます。

この関数は、与えられた Date オブジェクトから HH:MM:SS 形式の文字列を返します。

これを達成するために、Date.prototype.toTimeString()String.prototype.slice() メソッドを利用して、Date オブジェクトの HH:MM:SS 部分を抽出します。

ここに関数のコードを示します。

const getColonTimeFromDate = (date) => date.toTimeString().slice(0, 8);

そして、使用例を以下に示します。

getColonTimeFromDate(new Date()); // '08:38:00'

まとめ

おめでとうございます!日付からコロン付きの時間を取得する実験を完了しました。スキルを向上させるために、LabEx でさらに実験を行って練習してください。