JavaScript基本構文テスト

JavaScript基本構文テスト





(1)

Q, HTML中に直接ソースコードを書き込む場合にはどのようにしますか?



A,

<script type='text/javascript'>

// ここにコードを書く







(2)

Q, 外部のソースコードファイルを読み込む場合にはどのようにしますか?



A,







(3)

Q, javascriptでメッセージを表示するにはどのようにしますか?



A,

alert('hogehoge');

document.write('hogehoge');





(4)

Q, コメントはどのようにしますか?



A,

// 一行のコメント

/*

複数行の

コメント

*/





(5)

Q, 変数宣言はどのようにしますか?



A,

var hoge;



// 直接値をいれることも可能

var hoge = 1;





(6)

Q, 数値演算、(四則演算)(あまり)(代入演算)(インクリメント・デクリメント)の例を示しなさい。



A,

var a;

a = 1 + 2; // 3

a = 3 - 2; // 1

a = 1 * 5; // 5

a = 3 / 2; // 1.5

a = 3 % 2; // 1



var a = 0;

a += 3; // 3

a -= 2; // 1

a *= 3; // 3

a /= 3; // 1



var b = a++; // a == 1, b == 0

var c = ++a; // a == 2, c == 2

var d = a--; // a == 1, d == 2

var e = --a; // a == 0, e == 0





(7)

Q, 文字列にて特殊文字(スペース)(タブ)(改行)はどのように記述しますか?



A,

\s(スペース)

\t(タブ)

\n(改行)





(8)

Q, 文字列操作、(結合)(分割)(長さ)(切り取り)(置換)(検索)はどのように記述しますか?



A,

結合

var string = 'hogehgoe' + 'fugafuga'; // hogehogefugafuga



分割

var string = 'aaa, bbb, ccc'.split(/,/); // [aaa, bbb, ccc]



長さ

var string = 'abcdef'.length; // 6



切り取り

var string = 'abcdefg'.substr(1,2); // bc



置換

var string = 'hogehoge'.replace('hoge', 'fuga); // fugafuga



検索

var string = 'hogefuga'.indexOf('hoge'); // 1

var string = 'hogefuga'.indexOf('moge'); // -1





(9)

Q, 配列はどのように記述しますか?



A, var array = [1, 2, 3];





(10)

Q, 配列操作、(格納)(結合)(個数)(先頭を取り出し)(先頭に追加)

(末尾を取り出し)(末尾に追加)(コピー)(削除)(置換)(検索)(ソート)



A ,



格納

var array[1] = hoge;



結合

var array = [1,2,3];

var hoge = array.concat([4,5,6]); // hoge == [1,2,3,4,5,6]





個数

var array = [1,2,3];

var hoge = array.length; // 3



先頭を取り出し

var array = [1,2,3];

var hoge = array.shift(); // hoge == 1, array == [2, 3]



先頭に追加

var array = [1,2,3];

array.unshift(4); // array == [4,1,2,3];



末尾を取り出し

var array = [1,2,3];

var hoge = array.pop(); // hoge == 3, array == [2,3]



末尾に追加;

var array = [1,2,3];

array.push(4); // array == [1,2,3,4]



コピー

var array = [1,2,3];

var hoge = array.slice(1,2); // hoge ==2, array ==[1,2,3];



削除

詰めない

var array = [1,2,3];

delete array[1]; // array == [1,undifinded, 3];



詰める

var array = [1,2,3];

array.splice(1, 1); // hoge == [1, 3];



置換

var array = [1,2,3];

var hoge = array.splice(1, 2, 'a', 'b', 'c'); // hoge ==[2,3], array ==[3, 'a', 'b', 'c'];



検索

標準関数はない。forで回す。



ソート

var array = [3,2,1];

array.sort; // array == [1,2,3];



(11)

Q, 配列の中をメッセージ表示するにはどのようにしますか?



A,

var array = [1, 2, 3];



for( var i = 0; i < array.length; ++i ){

document.write(array[i] + '
' );

}





(12)

Q, 連想配列はどのように記述しますか?



A,

var array = [[1,2,3],[4,5,6]];

※ 普通やらない。





(13)

Q, オブジェクトとはなんですか?



A, キーに関連づけてデータを格納するデータ構造のこと。

あくまで、データ構造なので配列のような使い方はしてはいけない。データのひとまとまり。





(14)

Q, オブジェクトはどのように生成しますか?



A,

var object = {'a':'hoge', 'b':'fuga'};





(15)

Q, オブジェクトの格納、取得、削除はどのようにしますか?



A,

格納

object['c'] = 'moge';



取得

var c = object['c'];



削除

delete.object.c;





(16)

Q, オブジェクトの中をメッセージ表示するにはどのようにしますか?



A,

for (var key in object) {

var data = object[key];

document.write(key + ':' + data + '
');

}





(17)

Q, if文、if-else文のサンプルを記述しなさい。



A,

if (条件1) {

条件1はTrue

}



if (条件1) {

条件1はTrue

}elseif (条件2) {

条件1はFalse, 条件2はTrue

}else{

条件1も2もFalse

}





(18)

Q, while文のサンプルを記述しなさい。



A,

var = 1;

while (i < 5) {

i ++;

}





(19)

Q, for文のサンプルを記述しなさい。



A,

for(var i = 0; i < 5; ++i){

}





(20)

Q, for in文のサンプルを記述しなさい。



A,

var object = {'a':1,'b':2};

for(var key in object){

}





(21)

Q, switch文のサンプルを記述しなさい。



A,

var a = 0;

switch (a){

case 1 :

alert(1);

break;

case 2 :

alert(2);

break;

default :

alert('default');

break;

}





(22)

Q, 関数とはなんですか?



A,

とある処理をする命令





(23)

Q, 関数の宣言、呼び出し、返しはどのようにしますか?



A,

var x,y;



function test (x,y) {

return x+y;

}



alert(test(1,2)); // 3





(24)

Q, オブジェクト指向とはなんですか?



A,

それがそれであること。

個体という概念

個体という概念を作ってそれを再利用していくプログラミング手法

ぐらいでいいよね...

詳しく知りたい人は以下読め。

http://iwatam-server.sakura.ne.jp/software/devintro/oo/oo/index.html





(25)

Q, オブジェクトを定義してください。



A,

var object = {} ;





(26)

Q,

var object = {

anime1 : '花咲くいろは',

anime2 : '日常'

};



上記のオブジェクト取得方法を示しなさい。



A,

object['anime1']; // 花咲くいろは

object.anime2; // 日常





(27)

Q,

var object = {

anime1 : '花咲くいろは',

anime2 : '日常'

};



上記のオブジェクト更新方法を示しなさい。



A,

object['aniime1'] = 'カイジ';

object.anime2 = '電波女と青春男';





(28)

Q,

var object = {

anime1 : '花咲くいろは',

anime2 : '日常'

};



上記のオブジェクトにプロトタイプを生成、取得しなさい。



A,

object.test = function (a, b) {

return a + b;

}



var hoge = object.test(1, 2); // 3





(29)

Q, typeof演算子の活用に関して示しなさい。



A,

typeof.hoge.number;

typeof.hoge.status;

typeof.hoge.arrival;

typeof.hoge.manifest;





(30)

Q, グローバル変数とはなんですか?また、使用するデメリットと回避方法を示しなさい。

グローバル変数とはすべての場所で使用が可能な変数のこと。

デメリットは他のアプリケーションと悪影響を与える可能性がある。

回避方法は利用するグローバル変数をそのアプリケーションに対して1つだけにすること。



例:

var MYAPP = {}; // これがグローバル変数



MYAPP.testA = {

test1 : 'hoge',

test2 : 'fuga'

};



MYAPP.testB = {

test3 : function(){

alert('moge'');

}

};