MY BLOG

不思議な世界へようこそ!

私のブログぜひ、
見ていってくださ〜い!!

JavaScriptの復習

あさいつ

おはようございます、こんにちは、こんばんは!みーちゃんです😂
今回は「お久しぶり」ではなく、どの時間見てもいいように3段階の挨拶にしてみました!!
今日はJavaScriptの単元が一つ終了したので復習がてら習ったことをまとめていこうと思います!JavaScriptは苦手なので復習しつつわからないところを一つずつ無くしていこうと思います💪
JavaScriptがわかるようになるとフロントエンドエンジニアになるという夢も叶えられるので頑張ります!

習ったこと!

まずJavaScriptとはプログラミング言語のひとつであり、Javaとは全く違うになります。JavaScriptをする上で一番重要なのは「どのタイミングで」、「どの要素に」、「なにをするのか」が重要になってきます。また、JavaScriptを早く上達させるにはconsole.log()で可視化するのが一番早いそうです。

次に変数を使うには宣言をしなくていけないのでまとめていこうと思います。

let 変数;宣言
let 変数名='変数の初期値';
(例)
let name='name';変数の宣言+初期値
console.log(name);可視化する

プログラムを書くときの「=」は数学の等しいという意味ではなく、代入を意味します。

let name='name';
console.log(name);

/*値の際代入-------------------------*/
name='class';
console.log(name);
let name='name';
consoe.log(name);

/*値の際宣言-----------------------------*/
let name='class';同じ変数名で重ねて変数宣言しているのでエラーが出る
console.log(name);

constは値を再代入できないようになっているので意図せず値が変更するなどのエラーが減ります。
また、宣言するときと同時に値を代入しないとエラーが出てしまったり再代入するとエラーが出ます。

変数のルールは次のようにあります。

〈OK〉
let $price;$マークは使ってもエラーは出ない
let _title;_もエラーは出ない
let jquery;全部小文字でもエラーは出ない
let JQUERY;全部大文字でもエラーは出ない
let in2024;最初に英語が来ていれば数字を使ってもエラーは出ない
let 日本語;日本語でもエラーは出ないがカッコ悪いので使うことはお勧めしない

〈NG〉
let na-me;-は使えない
let name!;!は使えない
let 2nd;最初に数字があるのでエラーが出る

複数の宣言をするときは「,」を使います。最後は;を使います。

let name='kaba',
    title='mama',
    class='web';

値をもらってなんらかの処理を行いその結果を返す信号のことを演算子と言います。
数値計算に使う演算子を算術演算子と言います。

console.log(6+2);結果は8になる
console.log(7-2);結果は5になる
console.log(4*-5);結果は20になる
console.log(8/2);結果は4になる
console.log(9%4);結果は1になる(aをbで割ったときのあまり)
console.log(4**2);結果は16になる(a**b aのb乗)

自己代入演算子を使うことで数値計算を簡単にすることができます。

文字列を扱うときは「’」文字を囲みます。
+を使って文字列の計号をお請います。

console.log('name'+'body');コンソールではnamebodyと表示される
console.log(20+'px');文字列と数値が結合した場合は文字列に変換される
let val=1;
console.log('url('+val+'.png)');変数が結語した場合は変数の値によって結果が変わる
console.log(20+30);数値と数値が結合した場合は加算になる

テンプレートリテラルは文字列の中で改行をした場合はそのまま出力され、式や変数を埋め込んだりすることもできます。テンプレートリテラルを使う場合は(`)で囲みます。

console.log(`name body`);文字列の場合
console.log(`name
body`);改行した場合
console.log(`2+5 equal ${2+5}`);式の場合(equalは等しいという意味)

const name='JS Taro';
console.log(`hello ${name}`);変数の場合

最後に

今日から巨人のCSが始まったり、プレミア12が名古屋に来たりなど楽しみなことがたくさんあるので勉強もがんばりつつ、たっっっっっっま〜には息抜きでプロ野球観戦をしたいと思います!
巨人のみなさん、がんばってください!!!!!