0
0

More than 1 year has passed since last update.

Javascript基礎

Last updated at Posted at 2023-01-17

↓↓↓↓↓↓↓ あなたの記事の内容
●歴史・・1990年台から開発が始まり、頻繁にリニューアルされている.
───────

  • 歴史・・1990年台から開発が始まり、頻繁にリニューアルされている
    ↑↑↑↑↑↑↑ 編集リクエストの内容

↓↓↓↓↓↓↓ あなたの記事の内容
●"use strict"・・より厳密なエラーチェックがされる。コードに存在する曖昧なエラーを早期に発見しやすくする
*必ず書くようにする
───────

  • "use strict" ・・より厳密なエラーチェックがされる。コードに存在する曖昧なエラーを早期に発見しやすくする
    ↑↑↑↑↑↑↑ 編集リクエストの内容

  • 変数の宣言方法

    • let x;
      console.log(x) ・・関数の指定

    • const・・定数の指定、再代入不可

  • 変数の命名・・単語の二つ目は大文字
    *JavaScriptは大文字と小文字は区別される

↓↓↓↓↓↓↓ あなたの記事の内容
*値がコロコロ変わると良くないので、基本的に定数を使いつつ、どうしても使えない時に変数を用いる運用が一般的

price++・・priceに一を足す
price--・・priceに二を足す

●変数の命名・・単語の二つ目は大文字
*Javascriptは大文字と小文字は区別される
───────

↑↑↑↑↑↑↑ 編集リクエストの内容
let color;
let colorName;
let myColorName;
  • エスケープシーケンス・・通常の文字列では表せない特殊な文字や機能を表現するための方法

  • インクリメントとデクリメント
    インクリメント・・数値の値を1増加させる
    num++;
    デクリメント・・数値の値を1減少させる
    num--;

  • 条件分岐

ex)
const x = 100;
if (x >= 100) {
  console.log('100以上の値です')
} else {
  console.log('100未満の値です')
}

↓↓↓↓↓↓↓ あなたの記事の内容
・比較演算子==,===の違い
==数値と文字列を比較するとき、文字列は数値に変換されます。
===文字列は数値に変換されない
───────

  • 比較演算子==,===の違い
    == 数値と文字列を比較するとき、文字列は数値に変換されます。
    === 文字列は数値にに変換されない
    ↑↑↑↑↑↑↑ 編集リクエストの内容

・switch・・対象となる値が一致しているか見る時に便利

  • ifとswitchの使い分け
    ・基本的にifを使用
    ・同値演算子による評価の時はswitchが使いやすい

  • do whle と whileの使い分け
    do while は条件の判断が後ろにある

do {
//条件式がtrueの時に実行したい処理
} while (条件式)
  • 1~100までの合計を繰り返し処理によって計算する
    最初に let sum = 0; で合計値を入れる変数を用意する
    なぜ=0とするのか・・・・sumだけだとundefined。0+1は1だが、undefied+1が1になることを保証できない。
    {sum += i;}iは繰り返し処理で、1,2,・・100まで。それらを合計する意味の式。

↓↓↓↓↓↓↓ あなたの記事の内容
●関数・・関数の定義方法
1・・function命令で定義
2・・関数リテラルで定義
3・・Functionコンストラクターで定義
4・・アロー関数で定義

●テンプレートリテラル
文字列の中で「${定数}」とすることで、文字列の中に定数や変数を含めることができる。
この時、文字列全体をバッククォーテーション(`)で囲む必要がある。

●DOM操作・・Webサイトを動的に書き換える技術
Javascriptに記述されたプログラムから、HTMLページにアクセスして、HTMLページを操作する方法を示す。

●DOMツリー・・HTMLドキュメントをツリーのように表現したもの
●ノード・・文書を構成する要素・構造・テキストといったオブジェクトをノードという。

●idをキーに要素を取得する・・getElementByldメソッドを使用。IDによって要素を取得するメソッド。

●switch文・・switch (式){
case 値1:
式 === 値1 の時に実行する処理;
...
break;
case 値2:
式 === 値2 の時に実行する処理;
...
break;
case 値3:
式 === 値3 の時に実行する処理;
...
break;
default:
式がいずれの値とも一致しないときに実行する処理;
...

・アロー関数を使えば関数式を短く書くことができr
───────

  • 関数・・関数の定義方法
    1. function命令で定義
    2. 関数リテラルで定義
    3. Functionコンストラクターで定義
    4. アロー関数で定義
      ↑↑↑↑↑↑↑ 編集リクエストの内容
0
0
1

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
0
0