web-dev-qa-db-ja.com

Typescriptで文字列と数値を連結する方法

メソッドを使用してデータを取得しています

function date() {
    let str = '';

    const currentTime = new Date();
    const year = currentTime.getFullYear();
    const month = currentTime.getMonth();
    const day = currentTime.getDate();

    const hours = currentTime.getHours();
    let minutes = currentTime.getMinutes();
    let seconds = currentTime.getSeconds();
    if (month < 10) {
        //month = '0' + month;
    }
    if (minutes < 10) {
        //minutes = '0' + minutes;
    }
    if (seconds < 10) {
        //seconds = '0' + seconds;
    }
    str += year + '-' + month + '-' + day + ' ' + hours + ':' + minutes + ':' + seconds + ' ';

    console.log(str);
}

そして、出力として私は得る

2017-6-13 20:36:6 

私も同じことをしたいのですが

2017-06-13 20:36:06 

しかし、私がコメントアウトした行の1つを試してみると、たとえばこの

month = '0' + month;

エラーが出る

Argument of type 'string' is not assignable to parameter of type 'number'.

文字列と数値を連結するにはどうすればよいですか?

12
Anna F

テンプレートリテラル(ES6 +)

month = '0' + month;のような連結の代わりに、 テンプレートリテラル を使用できます。

const paddedMonth: string = `0${month}`;

文字列の連結は、たとえば次のようになります。

str = `${year}-${paddedMonth}-${day} ${hours}:${minutes}:${seconds} `;

はるかに読みやすいIMO。

ユニオンタイプ

変数を宣言するときに nion type を使用することもできます。

let month: string | number = currentTime.getMonth();

if (month < 10) {
  month = '0' + month;
}
31
Tyler Miller

日付を処理したい場合は、momentjsモジュールを使用できます。 https://momentjs.com

moment().format('MMMM Do YYYY, h:mm:ss a'); // July 13th 2017, 11:18:05 pm
moment().format('dddd');                    // Thursday
moment().format("MMM Do YY");               // Jul 13th 17
moment().format('YYYY [escaped] YYYY');     // 2017 escaped 2017
moment().format();                          // 2017-07-13T23:18:05+04:30

そして、あなたが得たエラーについて、あなたはほとんどこのように使用します:

 let monthStr: string = month;
 if ( month < 10) {
     monthStr = '0' + month;
 }
4
Ali Ebrahimi

まず、なぜmonthconstとして定義し、それを変更しようとしているのかわかりません。すべての変数をletで宣言し、それらをすべて文字列に変換してください。

function date() {
    let str = '';

    const currentTime = new Date();
    let year = currentTime.getFullYear().toString();
    let month = currentTime.getMonth().toString();
    let day = currentTime.getDate().toString();

    let hours = currentTime.getHours().toString();
    let minutes = currentTime.getMinutes().toString();
    let seconds = currentTime.getSeconds().toString();
    if (month < 10) {
        month = '0' + month;
    }
    if (minutes < 10) {
        minutes = '0' + minutes;
    }
    if (seconds < 10) {
        seconds = '0' + seconds;
    }
    str += year + '-' + month + '-' + day + ' ' + hours + ':' + minutes + ':' + seconds + ' ';

    console.log(str);
}

こちらをご覧ください: https://jsfiddle.net/40jbg8qt/

0
abagshaw

次のようなものを使用できます。

let pais:string = 'Ecuador';
let codigo:number = 593;
let opcionUno:string = this.pais + this.number
let opcionDos:string = this.pais.concat(this.number);
0
martosfre