JavaScript基本の基本

JavaScript基本の基本

自分用なので詳しいことは書いてません。例のみ

基本出力

console.log(`Hello,World!!`);

変数、定数

//変数
let  num = 123;
//定数？(再代入できない変数)
const str = `Suzu`;

if文

let num = 200;

if(100 === num){
    console.log('numは100');
}else if(100 < num){
    console.log('numは100より大きい');
} else{
    console.log('numは100より小さい');    
}

switch

let num = 1;

switch(num){
    case 1: 
        console.log(`これは1ですね！`);
    break;
    case 2: 
        console.log(`これは2…ですね…？`);
    break;
    case 3: 
        console.log(`これは3ですね!?!?`);
    break;
    default:
     console.log(`これは何だ！？`);
    break;
}

配列とその出力

let colors = [`red`,`blue`,`green`,`pink`,`white`];

console.log(colors[2]); 
//配列のインデックスは0始まりなので"green"が出力される

for文

let colors = [`red`,`blue`,`green`,`pink`,`white`];

for(let i = 0; i < colors.length ; i++){
    console.log(colors[i]); 
}

while

let num = 1;

while(num <= 5){
    console.log(num);
    num++;
}

オブジェクトの定義

const character = {name:`サトシ`,age:10,from:`マサラタウン`};

console.log(`俺は${character.from}の${character.name}だ！`);
//出力結果「俺はマサラタウンのサトシだ！」

オブジェクトの配列

const characters = [
    {name:"サトシ",age:10,from:`マサラタウン`},
    {name:"タケシ",age:15,from:`ニビシティ`}
    ];

console.log(`俺は${characters[0].name}！こっちは仲間の${characters[1].name}だ！`);
//「俺はサトシ！こっちは仲間のタケシだ！」

オブジェクトに定義されていない項目はどうなるか？

undefinedと表示されます

undefinedのときの処理

if分でundefinedと比較すればOK

const animals= [
    {name:`犬`,sex:`メス`},
    {name:`ナメクジ`}
    ];

for(let i = 0 ; i < animals.length; i++){
    if(animals[i].sex === undefined){
        console.log(`${animals[i].name}だよ！性別はわからないんだ～`);
    }else{
          console.log(`${animals[i].name}だよ！性別は${animals[i].sex}だよ！`);
    }
}

//犬だよ！性別はメスだよ！
//ナメクジだよ！性別はわからないんだ～

気になったこと

Paiza.IO

paiza.io

で動作確認してて、クセでダブルクォートで囲んでて普通に通ってたから気にしてなかったけど、 シングルクォートで囲ってるソースを見つけて、んんん？？？？？ってなってググってみました

qiita.com

好みでいいけどシングルクォートのほうが使ってる人多そうなので当記事もあわせて修正しましたとさ。めでたしめでたし。

Paiza.IOは埋め込みもできる。どっちが見やすいかな～