JavaScript: how to add new element to an object?

Question

I have a 'this.captions' object in JavaScript and I want to add other elements to my object, how can I do this?

<script>
    this.captions = {
        c125: {
            fr: "TÉLÉPHONE",
            en: "PHONE NUMBER"
        },
        c126: {
            fr: "COMMENTAIRE",
            en: "COMMENT"
        }
    };
    var c50 = [];
    c50.push({fr:"NOM", en:"NAME"});
    console.log(this.captions.c126.fr); //COMMENTAIRE

    var dataFr = "Ville";
    var dataEn = "City";
    var id = 70;

    this.captions.c + id = {
        fr: dataFr,
        en: dataEn
    }

</script>

I have this error: 'Uncaught ReferenceError: Invalid left-hand side in assignment'

You don't want the c50 variable as an array. You want it as an object. So, var c50 = {fr:"NOM", en:"NAME"}; this.captions.c50 = c50; — davidlebr1
– davidlebr1, Commented Dec 11, 2016 at 1:24
Thank you, but the result is not the same this.captions Object {c125: Object, c126: Object, c50: Array[1]} — Jawadovic3814
– Jawadovic3814, Commented Dec 11, 2016 at 1:27

Mati · Accepted Answer · 2016-12-11 01:32:19Z

2

You can add new properties to an existing object by simply giving it a value:

this.captions = {
  c125: {
    fr: "TÉLÉPHONE",
    en: "PHONE NUMBER"
  },
  c126: {
    fr: "COMMENTAIRE",
    en: "COMMENT"
  }
};

this.captions.c50 = {
  fr: 'NOM',
  en: 'NAME'
}

console.log(this.captions);

answered Dec 11, 2016 at 1:32

Mati

1,1481 gold badge12 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

jjislam · Accepted Answer · 2016-12-11 01:24:06Z

0

by more elements, do you mean properties? you can add properties by either:

adding another like so:

c123:{
    fr:...
    en:...
}

or

this.caption.c123 = "fr...";

answered Dec 11, 2016 at 1:24

jjislam

5613 silver badges8 bronze badges

Collectives™ on Stack Overflow

JavaScript: how to add new element to an object?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related