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:オブジェクト

配列は要素を   [] で囲んだ
オブジェクトは   {} で囲むよ

{ プロパティ1 : 値1, プロパティ2 : 値2}
       ↑コロン ↑コンマ

{name :"flower", price : 300}


const item = {name: "flower", price: 300};
  //定数名itemに↑を代入
console.log(item);
//コンソール表示には {name: "flower", price: 300}と出る

:pencil2:きゅうにオブジェクトの値が取り出したい衝動に駆られたら


const item = {name: "flower",price:300};
console.log(item.name);
           //↑nameプロパティの値を取得
//コンソール表示には  flower とでます。

```  

:pencil2:きゅうにオブジェクトの値を更新したい衝動に駆られたら:point_left:

```javascript

const item = {name: "flower",price:300};

item.price = 500;//値段を変える・更新
console.log(item.price);

//コンソール表示には 500 

``` 
:pencil2:オブジェクト・配列・改行


配列は要素を   [] で囲んだ
オブジェクトは   {} で囲むよ って学んだ

オブジェクトを要素に持つ配列ができる
[{プロパティ1:値1・・・},{プロパティ2:値2・・・}] →こんな形

```javascript

const item = [
 {name: "flower",price:300},

 {name: "ribbon",price:200}
];

// ↑コードが横に長くなるのを防ぐために、要素ごとに改行することがあるよ

//配列の中のオブジェクトを取り出したい ・・・0から番号がつけられてたことを思い出して!

const item = [
 {name: "flower",price:300},//0番

 {name: "ribbon",price:200}//1番
];

console.log(item[1]);

//コンソール表示には {name: "ribbon",price:200}と表示

//次は、配列の中の オブジェクトの値を取り出してみる


const item = [
 {name: "flower",price:300},//0番

 {name: "ribbon",price:200}//1番
];

console.log(item[1].price);

//コンソール表示 200

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?