从cropper插件向对象追加属性

Question

我有一个来自cropper插件的关于图像属性的对象。

var data = $img.cropper('getData');
//Object {x: 90, y: 60, width: 720, height: 480, rotate: 0…}

现在我需要添加更多两个值：

image_identifier = $('.image_identifier').text();
type_identifier = $('.type_identifier').text();

我试过这段代码：

data.push({'image_identifier':image_identifier, 'type_identifier':type_identifier});

但我得到了：Uncaught TypeError: data.push is not a function

Answer 1

您的容器对象不是数组，因此它没有数组方法。你应该做的是使用新属性扩展这个对象，最简单的方法是使用$.extend：

$.extend(data, {
  image_identifier: image_identifier,
  type_identifier: type_identifier
});

请注意，您不必将结果分配给任何内容; $ .extend扩充了它的第一个param，即它的目标对象。