HTML5 4th Anniversary@GMO 秋のJavaScript祭@富士通クラウドテクノロジーズ Monaca UG TOKYO #7 〜忘年LT大会〜@アシアル で使ったスライドです。
URL : https://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved. 1JavaScript決定戦クイズ王
View Slide
第1問2URL : https://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
◼ 以下の実行結果は?(A or B)3問題let x = "0";if(x) {console.log("A");} else {console.log("B");}3URL : https://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
◼ 条件式における値の評価• 論理値以外の値を条件式として指定すると、以下のように判定される条件式の論理値判定true false0以外の数値1文字以上の文字列オブジェクト(中身が空でも)0空文字("")undefinednull4URL : https://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
◼ データ型一覧5JavaScriptのデータ型は2種類に分類できる型の分類 代表的な型プリミティブ型(1つの値のみを持つ)数値、文字列、論理値null(値が存在しない)undefined(値が定義されていない)オブジェクト型(データの集合体)オブジェクト、関数、配列など5URL : https://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
6オブジェクトの基本◼ プロパティとメソッド• オブジェクトは、複数のデータの集合体である• オブジェクト内のデータには、オブジェクトの属性値を保持する「プロパティ」と、何らかの操作を行う「メソッド」があるオブジェクトプロパティ メソッド6URL : https://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
7オブジェクトの種類◼ ObjectオブジェクトはすべてのオブジェクトのベースObjectString(文字列) Array(配列)Function(関数)・toString()・valueOf()・hasOwnProperty()…7URL : https://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
第2問8URL : https://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
◼ 以下の実行結果は?(true or false)9問題let a = "hoge";let b = new String("hoge");console.log(a == b);9URL : https://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
10プリミティブ型の文字列◼文字列リテラルは、以下の二種類• シングルクォート・ダブルクォートのどちらでも可'hoge'"hoge"10URL : https://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
11オブジェクトの生成◼ オブジェクトの生成方法• Objectオブジェクトの生成は、オブジェクトリテラル{}で代用することが可能• Arrayブジェクトの生成は、配列リテラル[]で代用することが可能◼オブジェクト生成の例var 変数名 = new オブジェクトの型名(引数);var list = new Array(1,2,3);11URL : https://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
12JavaScriptの文字列は2種類◼文字列にはプリミティブ型とオブジェクト型の二種類がある• 文字列リテラルはプリミティブ型となるlet a = "hoge"; // プリミティブ型let b = new String("hoge"); // オブジェクト型12URL : https://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
プリミティブ型とラッパーオブジェクトプリミティブ型(文字列)"hoge"オブジェクト型(String)・length・replace()・substr()"hoge"…◼ プリミティブ型は1つの値だけ、オブジェクト型は複数のメソッドやプロパティを持つ13URL : https://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
◼ JavaScriptの等価演算子には二種類ある14等価演算子演算子 説明 例 結果== 緩やかな等価演算子 5 == '5' true=== 厳密な等価演算子 5 === '5' false!= 緩やかな不等価演算子 5 != '5' false!== 厳密な不等価演算子 5 !== '5' true14URL : https://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
第3問15URL : https://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
◼ 以下の実行結果は?(true or false)16問題let a = new String("hoge");let b = new String("hoge");console.log(a === b);16URL : https://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
17オブジェクト生成の仕組み◼ オブジェクト生成時の流れ① オブジェクトの生成時に、コンストラクタという関数が実行される② コンストラクタは、新しくオブジェクトを生成し、それを戻り値として返却する(このオブジェクトをインスタンスと呼ぶ)var list = new Array(1,2,3);list Arrayのコンストラクタインスタンス17URL : https://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
◼ プリミティブ型は値そのものを比較する◼ オブジェクト型は参照しているオブジェクトが同じかどうかを比較する18値の比較、参照の比較a b"hoge" "hoge"18URL : https://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
19同じオブジェクトを参照している例a b"hoge""hoge"let a = new String("hoge");let b = a;console.log(a == b);この場合は同じオブジェクトを参照しているのでtrue19URL : https://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
第4問20URL : https://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
◼ 以下の実行結果は?21問題console.log("hoge".length);A) 4B) nullC) undefinedD) エラー21URL : https://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
◼ プロパティを呼び出した場合、プリミティブ値から対応するラッパーオブジェクトへの暗黙的な変換が行われるラッパーオブジェクトへの暗黙的変換"hoge".length"hoge"・length・replace()・substr()"hoge"…プリミティブ型ラッパーオブジェクト変換22URL : https://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
第5問23URL : https://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
◼ 以下の実行結果は?24問題let array = [10, 20, 30];array[9] = 99;console.log(array.length);A) 3B) 4C) 9D) 1024URL : https://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
25配列のインデックス0 1 210 20 30999◼ インデックスは連番でなくても割り振ることができる◼ lengthプロパティは最大インデックス+1を返す25URL : https://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
何問正解しましたか?26URL : https://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
温泉の素(ニューヨク剤)をプレゼント!!27URL : https://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
温泉といえば・・・?コミッター募集中!28URL : https://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.https://ja.onsen.io/
ありがとうございました!29URL : https://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.