programming0222の日記

テックエキスパート47期生です 自分で読み返す用にメモしたものをベースとし記事を書きます

javascript基礎2

※ 自分で見返すようのメモに編集を加えて書いたものになります
  Twitterの内容とかぶる場合もあります

 

まとめ色々2

 

メソッド String 文字列に 変換

 

繰り返し  for文

for (var i = 0; i < 繰り返す回数; i = i + 1) {
// 繰り返す処理の内容
}

 

関数(処理などのまとまり)

function文
function 関数名(引数) {
// 処理の内容
}
関数の戻り値を渡すにはreturn

 

用語 イベントハンドラ

JavaScriptで記述された、マウスの動きといった動作・操作に対して特定の処理を与えるための命令のこと

javascript基礎

※ 自分で見返すようのメモに編集を加えて書いたものになります
  Twitterの内容とかぶる部分もあります

 

 

 

書き方の決まりなど色々

 

javascriptスクリプトタグに書くか外部から読み込み記述をhtmlに書くことで使用可能

↓これで読み込み
<script src="読み込みたいJavaScriptファイルのパス"></script>

 

テキストブラウザ出力

アラート表示   window.alert('表示させたいテキスト');

コンソールに表示  console.log('表示させたいテキスト')

 

文法

行の最後  ;

文字列  '' "" で 囲む   

文字列同士 + で連結可能
変数の宣言 var 変数  間に半角スペース 宣言代入同時に可能
複数単語変数名は2つ目単語を大文字  例 myName

 

書き方は基本rubyににてる気がする

 

if文 雛形

if (条件式1) { 条件分岐
// 条件式1がtrueのときの処理
} else if (条件式2) {
// 条件式1がfalseで条件式2がtrueのときの処理
} else {
// 条件式1も条件式2もfalseのときの処理
}

 

配列 

空配列 var 変数 = [];
中身あり var 変数 = ['Ruby', 'JavaScript', 'HTML', 'CSS'];

配列の要素を取得  var item = list[0]; 最初が0
配列の要素数 変数.length;


配列の要素を追加 配列末尾 push()

         配列先頭 unshift()

配列の要素を削除 配列末尾 pop()

         配列先頭 shift()

 

オブジェクト 名前と値で管理 (ハッシュみたいな感じ?)

空 var obj = {};

中身あり var obj = { プロパティ: '値' };

複数 var obj = { プロパティ名1: 値1, プロパティ名2: 値2 };

 

値を取得

obj.プロパティ名 または obj['プロパティ名']

取得したものに値を代入

obj.プロパティ名 = 新しい値 または obj['プロパティ名'] = 新しい値