高卒の成り上がり

高卒がWEB制作学習でのアウトプットを行なっていきます

Java Scriptの基本①

表示

console.log("こんにちは")

 

文字の埋め込み

console.log(`${firstName} ${lastName}`)

変数の定義

let 変数名 = 代入する値

 

定数の定義

const 定数名 = 代入する値

 

関数の定義

function calCircleArea(radius){

let pai = 3

let area = radius * radius * pai

return area

}

・引数は関数内で使える。

・返り値は関数の出力を担う。

・関数は引数がなくても定義できる

・複数の引数を持てる

関数の中で定義された定数や変数は関数の外では実行できない(このことをスコープと言う)

👆に対して、関数の外で定義された定数や変数は関数の中で使用できる。

 

その他の関数の定義の方法

const hello = function () {}

 

const hello = () => {
}

 

条件分岐

Boolean:TrueかFalseのこと

if文

通常

score = 89

if (score === 89) {
console.log("89点だよ!")
}
89点だよ!

== と === の違い

 
 

かつ

if (score > 20 && score < 90) {
console.log("20点より大きく、90点より小さい")
}
20点より大きく、90点より小さい
 
または
if (score === 0 || score === 89) { console.log("0か89です") }
0か89です
 
 

else文

let score = 64

if (score > 89) {
console.log("頑張ったね!")
} else { console.log("もっと頑張れ!")
}
もっと頑張れ!
 
 

elseif文

if (score > 89) {
console.log("頑張ったね!")
} else if (score > 29){
console.log("まあまあだね")
}else { console.log("もっと頑張れ!") }
まあまあだね
 

if文の入れ子構造

if (score > 30) {

  if (score < 98) {

  console.log("最高!")

} else {

  console.log("普通")

}

 
最高!
 

switch文

const score = 10

 

switch(score) {

case 1:

console.log("1だよ")

break

case 2:

console.log("2だよ")

break

case 10:

console.log("10だよ")

break

default:

console.log("その他")

}

 
10だよ