Перенос объекта с несколькими атрибутами в массив JAVASCRIPT

Question

У меня есть такой массив:

var newCircles = [{
    num: 0,
    name: "title0",
    x: 280,
    y: 200,
    color: "#555555",
    r: 60
},
{
    num: 1,
    name: "title1",
    x: 480,
    y: 200,
    color: "#555555",
    r: 80
}];

И я пытаюсь выдвинуть новый набор информации, такой как:

$(newCircles).push(', { num: "'+newCircles.length+'", name : "title "'+(newCircles.length)+'", x : "'+newCircles[chosenCircle].x+'", y : "'+newCircles[chosenCircle].y+'", color : "#7f38a7", r : "'+newCircles[chosenCircle].r+'" }');

Но это не работает. У кого-нибудь есть предложения?

Answer 1

вы помещаете строку в массив.если вы хотите вставить другой объект в массив, сделайте это с помощью

newCircles.push( {
  num: newCircles.length,
  name: 'title ' + newCircles.length,
  x: newCircles[chosenCircle].x,
  y: newCircles[chosenCircle].y,
  color : "#7f38a7",
  r: newCircles[chosenCircle].r
} );

Answer 2

Вы используете строку, но вы хотите использовать инициализатор объекта (часто называемый литерал объекта ), так же, как вы делали это при инициализации массива:

newCircles.push({
    num:   newCircles.length,                // Or you more likely want `newCircles.length + 1`
    name:  "title " + (newCircles.length),   // Again, probably +1
    x:     newCircles[chosenCircle].x,
    y:     newCircles[chosenCircle].y,
    color: "#7f38a7",
    r:     newCircles[chosenCircle].r
});

(также нет причин для его передачи через $().)

Как и при инициализации массива, токены слева от : являются именами свойстви значение выражений справа будет назначено в качестве значений этих свойств.

Answer 3

Попробуйте вместо этого

newCircles.push( { num:   newCircles.length, 
                   name:  "title "+ newCircles.length, 
                   x:     newCircles[chosenCircle].x, 
                   y:     newCircles[chosenCircle].y, 
                   color: "#7f38a7", 
                   r:     newCircles[chosenCircle].r 
              }); 

Answer 4

использовать как

<script>
    var newCircles = [ 
{
num: 0,
name: "title0",
x: 280,
y: 200,
color: "#555555",
r: 60
}, 
{
num: 1,
name: "title1",
x: 480,
y: 200,
color: "#555555",
r: 80
}
];

newCircles.push({"num":"10","name":"name","x":"100","y":"100","color":"color","r":"r"});
console.log(newCircles);
</script>

Answer 5

Удалите $ () вокруг newCircles. Вам нужна прямая ссылка на эту переменную, а не на то, что возвращает jQuery при ее поиске.

Answer 6

Вам не нужна начальная запятая при использовании метода push.

Вы помещаете объект прямо в конец массива.

Кроме того, нет необходимости заключать объект в строку.

$(newCircles).push({ num: "'+newCircles.length+'" [...]});

Answer 7

Не волнуйтесь, JavaScript может работать некорректно, если синтаксис неверен;

newCircles.push({
    "num":newCircles.length,
    "a":"someval",
    "b":"some other val"
});

Answer 8

Почему это строка? И почему вы пытаетесь обернуть новые круги с помощью jQuery?

newCircles.push({ num: newCircles.length, x: newCircles[chosenCircle].x, ... });