添加链接
link之家
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接
相关文章推荐
耍酷的毛豆  ·  centos7.6环境下elasticsea ...·  1 年前    · 
豪气的煎鸡蛋  ·  aws s3 cli list files ...·  1 年前    · 
小胡子的李子  ·  “错误 7 ...·  1 年前    · 
俊逸的企鹅  ·  matlab中num2str ...·  1 年前    · 

将 Array 数组数据,作为对象的 value,将该 Object 作为接口参数传递,却成了[object object]

selectionChange(list) {   //list为 Array 类型数据
      this.uploadData = { data : list};   //将 list 数组,作为对象的值
      console.log(this.uploadData);

this.uploadData 打印结果

将 this.uploadData 作为参数传递,接口调用时参数如下

二、造成原因

String({object}) 会打印 [object Object],是将对象转成了字符串。

三、解决方案

传递:JSON.stringify(list),这样就可以正常传递给后端了。

    selectionChange(list) {
      this.uploadData = { data : JSON.stringify(list)};
      console.log(this.uploadData);

接收:JSON.parse(data)

一、问题描述将 Array 数组数据,作为对象的 value,将该 Object 作为接口参数传递,却成了[object object]selectionChange(list) { //list为 Array 类型数据 this.uploadData = { data : list}; //将 list 数组,作为对象的值 console.log(this.uploadData);},this.uploadData 打印结果将 this.uplo
JavaScriptobjectObject有什么区别,为什么用typeof检测对象,返回object,而用instanceof 必须要接Object呢 这个问题和我之前遇到的问题非常相似,我认为这里有两个问题需要解决,一个是运算符new的作用机制,一个是function关键字和Funtion内置对象之间的区别。看了一些前辈的博客和标准,这里帮提问者总结一下。 1、new new运算符的作用是创建一个对象实例。这个对象可以是用户自定义的,也可以是带构造函数的一些系统自带的对象。如果 new 表达式之后的构造函数返回的不是JavaScript内置的引用对象(Object,String等)n
在传统的观念里,都认为JavaScript函数传递的是引用传递(也称之为指针传递),也有人认为是值传递和引用传递都具备。那么JS参数传递到底是怎么回事呢?事实上以下的演示也完全可以用于Java 首先来一个比较简单的,基本类型的传递: function add(num){ num+=10; return num; num=10; alert(add(n...
[object Object]是对象的字符串形式,因为隐式调用了 Object 对象的 toString() 方法,所以显示形式是:"[object Object]"。 [object Object] 表示的就只是一个对象,当前对象 toString() 没有正确解析,可以使用 JSON.stringify() 来避免这个问题。 Json.stringify() 是序列化函数,用于将对象转化为字符串; Json.parse() 是反序列化函数,用于将字符串转化为 Json 对象;
坑人的[object Object],有时候为了逻辑处理起来更方便,我们可能需要给某一个函数传一个对象,这样操作可以省去我们的数据遍历,但是每次操作都是报错[obj,obj],吃了几次亏,这次打算找一下原因,不然每次都要为了避免出现这样的错误而改为用其他方式来实现,这不是一个明智的选择。 首先给函数传一个对象作为参数,代码如下: <div class="smal...
页面传参: [object%20Object]说明对象中又传了一个对象,本身在api中params就是一个对象了。 一开始我传值写的是({XXX:XXXX}) 类似嵌套了对象,所以url中出现了[object%20Object] 在传值的时候,参数只要用()即可,不要在用({})这种方式。 使用({})这种写法,api必须 export function delet...
目录1、[object Object]2、使用JSON.stringify()解决 1、[object Object] 什么时候会出现[object Object]呢? 当我想看看一个对象,可以在控制台输出它,你或许要给它取个’名字’,ok!恭喜你,得到了[object Object]。 我们再看看toString() let o = {name: 'yancy'}; console.log(o); console.log(o.toString()); 可以看到我们将一个对象转为字符串时,
--页面元素代码 &lt;tr&gt;&lt;td&gt;&lt;input type="button" name="addElement" onclick="addElement('String','form1','text','string','y','','y')" value="添加String"/&gt;&lt;/td&gt; var _m
回答: 在JavaScript中,`instanceof`操作符用于检查一个对象是否是某个类的实例。当使用`instanceof`操作符时,它会沿着对象的原型链查找,判断对象的原型链上是否存在指定的类的原型。如果存在,则返回`true`,否则返回`false`。\[3\] 例如,如果我们有一个对象`obj`,我们可以使用`instanceof`操作符来检查它是否是`Object`类的实例。如果`obj`的原型链上存在`Object.prototype`,则返回`true`,否则返回`false`。 ```javascript let obj = {}; console.log(obj instanceof Object); // true 同样,我们也可以使用`instanceof`操作符来检查一个对象是否是数组的实例。在JavaScript中,数组是`Array`类的实例,同时也是`Object`类的实例。因此,当我们使用`instanceof`操作符检查一个对象是否是数组时,如果对象的原型链上存在`Array.prototype`,则返回`true`,同时也会返回`true`,因为数组也是对象的一种。\[1\]\[2\] ```javascript let arr = \[1, 2, 3\]; console.log(arr instanceof Array); // true console.log(arr instanceof Object); // true 总结来说,`instanceof`操作符用于检查一个对象是否是某个类的实例,它会沿着对象的原型链查找指定的类的原型。如果存在,则返回`true`,否则返回`false`。 #### 引用[.reference_title] - *1* *2* [Javascript面向对象(十)——类检测instanceof](https://blog.csdn.net/neweastsun/article/details/72047406)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [JavaScript中instanceof详解](https://blog.csdn.net/sun10367/article/details/88770817)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]