Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
0
Help us understand the problem. What is going on with this article?
@Hoshi10Lighthouse

Javascript  配列  私初心者なので 復習

:pencil2:複数の数値をまとめる

const fruit1 = "apple";
const fruit2 = "grape";
const fruit3 = "banana"; どうにか・・・この3つひとつにまとまんないかな:persevere:

まとめて書きたい場合には、配列を使うよ

文字列をまとめた配列
["apple","grape","banana"]
 ↑要素という その後(,)コンマで区切るよ:blush:

数値をまとめたらこんな感じ
[12,17,41]

:pencil2:もうちょいレベルアップ!配列を定数に代入する

配列も一つの値なので、定数に代入することができます。

const fruits = ["apple","grape","banana"];
↑定数名   ↑定数名に代入されるよ:relaxed:

console.log(fruits);

コンソールの表示には
["apple","grape","banana"] が表示されるよ

:pencil2:0から始まるインデックス番号

配列には番号がついている!なんと!
そうなのか・・・
["apple","grape","banana"] 
↑0    ↑1    ↑2

:point_up:じゃあこの番号を使って、要素を取得してみる


const fruits = ["apple","grape","banana"];

console.log(fruits[0]);//appleの番号


console.log(fruits[2]);//bananaの番号

//コンソールの表示は apple banana と出るよ

:v:さらに配列の要素を上書きすることもできるんだって


const fruits = ["apple","grape","banana"];
console.log(fruits[0]);

//ここまではいい

fruits[0] = "melon";//!!!!!!!!!!!!!!0のところ更新!つか上書きです。
console.log(fruits[0]);

//コンソールには、最初の値 apple
//次に聞かれた値     melonが表示されるよ

:pencil2:配列に対しても繰り返しが使える???????????????????for文?


const fruits = ["apple","grape","banana"];
console.log(fruits[0]);
console.log(fruits[1]);
console.log(fruits[2]);//この3つをfor文に置き換えることができるよ

const fruits = ["apple","grape","banana"];

for (let i = 0; i < 3; i++){
    //iが0〜2の間をループする

   console.log(fruits[i]);//変数iを使って要素を取得
}

メモ let変数
   const定数

:pencil2:配列と繰り返し length 要素の数だします係
めっちゃ使えるやつみたいです。

const fruits = ["apple","grape","banana"];
console.log(fruits.length);
↑ドットで繋げる!

コンソールの表示は 3と出る。


const fruits = ["apple","grape","banana"];

for(let i =0; i < fruits.length; i++){
               //lengthを用いて書き換えることができる

  console.log(fruits[i]);

}
 

 

0
Help us understand the problem. What is going on with this article?
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Hoshi10Lighthouse
webデザインを習い始めたばかりです。よろしくお願いします。 復習の投稿始めました。 ほんとにわからないことだらけで、間違えることもあると思います。 優しく教えていただけると助かります。 一緒に学べたら嬉しいです! また便利なツールなどありましたらぜひ教えてください

Comments

No comments
Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account Login
0
Help us understand the problem. What is going on with this article?