LoginSignup
1
0

はじめに

最近TypeScriptを学んだので基本文法をまとめた。
今回まとめたのは一部分であり、やり方は他にもあるためこれから学んでいきたい。
TypeScriptとは、JavaScriptを拡張して開発された言語であり、大きな違いは静的型付け言語である。

変数宣言

let testNum: number = 1;
let testStr: string = 'aaa';
// 型推論も利用できる
let b = 'bbb';

配列

let numbers: number[] = [1, 2, 3, 4, 5];
console.log(numbers) // [ 1, 2, 3, 4, 5]

// pop():末尾の要素を削除し、それを返却する
let lastNum: number = numbers.pop(); 
console.log(lastNum) // 5
console.log(numbers) // [ 1, 2, 3, 4 ]

// push():末尾に要素を追加する
numbers.push(6);
console.log(numbers) // [ 1, 2, 3, 4, 6]

条件分岐

let age = 10;
if (age >= 18) {
    console.log("You are adult.");
} else if (age >= 6) {
    console.log("You are youth.");
} else {
    console.log("You are child.");
}
// You are youth.

繰り返し(for)

let numbers = [1, 2, 3, 4, 5];
for (let num of numbers) {
   console.log(num);
}
// 1
// 2
// 3
// 4
// 5

繰り返し(while)

let numbers = [1, 2, 3, 4, 5];
let i = 0;
while (i < numbers.length) {
   console.log(numbers[i]);
   i++;
}
// 1
// 2
// 3
// 4
// 5

関数

let sum1 = function(x: number, y: number): number {
    return x + y;
};
let result1 = sum1(1, 2);
console.log(result1); // 3

// sum1を短縮した形
let sum2 = (x: number, y: number): number => {
    return x + y;
};
let result2 = sum2(3, 4);
console.log(result2); // 7
1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0