「JavaScript」カテゴリーアーカイブ

JavaScript学習のまとめ1(配列､オブジェクト､ループ)

コメントを残す

0から続きます。

1:配列の基礎

HTMLの記述

<!DOCTYPE html>
 <html lang="en">
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
   <title>Document</title>
 </head>
  <body>
   <h1>JavaScriptの基礎</h1>
   <script src="main.js"></script>
  </body> 
</html>

main.jsの記述

const arry = new Array(1,2,3,4,5,6);
// constなので下のように新しく宣言し直すことはできないが
// arry = new Array(1,2,3,4,5,6);
// 配列の中身を変えることは可能
arry[5] = 8;
console.log(arry);
console.log(arry[0]);

// 通常こちらの記法で書く
const ally = [1, 2, 3, 4, 5, 6, 'string', false];
// 新しいオブジェクトを末尾に追加する
// ally.push('new item')
// 新しいオブジェクトを最初に追加する
// ally.unshift('first item')
// 末尾を削除する
// ally.pop();
// const val = ally.pop();
// const val2 = ally.pop();
// 末尾から2つ目の削除されたものが出力される
// console.log(val2);

// 新しいオブジェクトを最初に追加する
ally.unshift('first item')
// 先頭のオブジェクトを削除してvalに格納する
const val = ally.shift();
// 削除された先頭のオブジェクトを出力
console.log(val);

続きを読む →

JavaScript学習のまとめ0(変数､関数､メソッドとプロパティー)

コメントを残す

1:JavaScriptの基礎についてまとめてみた

HTMLの記述

<body>
  <h1>JavaScript基礎</h1>
  <script src="main.js"></script>
</body>

main.jsの記述

// var, let, const
// varは上書きできる
// var name = 'Tom';
// console.log('hello' + name);

// letも上書きできるよ
let name = 'Pon';
name = 'Tim'
console.log('hello' + name);
// あとから上書きできないのでエラーになるよ
// const nam = 'Yan';
// nam = 'Tim';

// データ型は Number, String, Boolean, Undefined, Null, Symbol
// 動的型付け言語
// Rubyと似ている点があるな
let variable = 'str';
  variable = 12;
  variable = false;
// variable = undefined;
// variable = null;

// 実際に確認するには？
  console.log(typeof variable);
// ポイント上書き禁止はconstで定義しよう！

続きを読む →