超入門者向けのJavaScriptサンプルコード記事です。問題と、解答例となるサンプルコードをセットに公開しています。難しい用語の解説は控えめに、まずは動かしてみたい人向けのコンテンツです。
はじめに
どうもMizokeiです。JavaScript超入門シリーズです。本記事の実行環境は以下です。
実行環境
- Windows10 64bit
問題と解答例をセットに公開
問題と解答例としてサンプルコードをセットに公開します。サンプルコードを、コピペして実行し動作を確認してみましょう。
とりあえず、動かしてみることが目的なので、専門用語などの難しい話は、別途参照書などを御覧ください。
問題
以下の2パターンのリストを作る。
- リスト１：5,3,1の3つの数値を持つリスト
- リスト２：ペン、パイナップル、アップルの3つの文字列を持つリスト
2パターンのリストに対して、以下の操作を行うこと。
- リスト１：数値12を末尾に追加
- リスト２：文字列「ボールペン」を末尾に追加
2パターンのリストをconsole.logで表示させよ。
出力結果
|
0 1 2 3 4 5 6 7 8 9 10 11 |
[5, 3, 1, 12] 0: 5 1: 3 2: 1 3: 12 ["ペン", "パイナップル", "アップル", "ボールペン"] 0: "ペン" 1: "パイナップル" 2: "アップル" 3: "ボールペン" |
解答例 サンプルコード
|
0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
//数値のリスト var num_list = [5, 3, 1]; //末尾に追加 num_list.push(12); //数値のリスト console.log(num_list); //文字列のリスト var str_list = ['ペン', 'パイナップル', 'アップル']; //末尾に追加 str_list.push('ボールペン'); //文字列のリストを表示する console.log(str_list); |
関連記事
【JavaScript超入門】リストを逆順にしよう
【JavaScript超入門】変数を使って文字と計算を組み合わせて表示しよう
【JavaScript超入門】リストの値を削除しよう