2021-09-15 Object.keys()

最新推荐文章于 2022-03-19 21:02:02 发布

小金兰 52赫兹

最新推荐文章于 2022-03-19 21:02:02 发布

阅读量543

点赞数

文章标签： javascript typescript vue.js

本文链接：https://blog.csdn.net/weixin_49290900/article/details/120316379

版权

在处理数据对象`DianPulieBiaoBlock`时遇到一个常见的JavaScript错误，即尝试对非数组对象使用`forEach`方法。解决这个问题的方法是先使用`Object.keys()`来获取对象的属性名数组，然后遍历这些属性。修正后的代码成功地迭代了对象并创建了一个新的数据结构。这个博客展示了如何解决此类类型错误并提供了最佳实践。

摘要由CSDN通过智能技术生成

报错！！
1.一开始这么写的，然后报错~~~~~

**DianPulieBiaoBlock**.forEach((element: any)=>{
          let _item: any = {
            label: element.label,
            key: element.key,
            value: data[element.key]
          }
          _result.push(_item)
        })

Uncaught (in promise) TypeError: 
_data.DianPulieBiaoBlock.
forEach is not a function

解决方法！！

使用 Object.keys(DianPulieBiaoBlock) 包一下就OK啦~

Object.keys(DianPulieBiaoBlock).forEach((element: any)=>{
          let _item: any = {
            label: element.label,
            key: element.key,
            value: data[element.key]
          }
          _result.push(_item)
        })

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

小金兰 52赫兹

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

javascript-Reflect.ownKeys、Object.keys、Object.getOwnPropertyNames、for-in

weixin_41993525的博客

03-01

701

Reflect.ownKeys 官方文档解释：静态方法Reflect.ownKeys返回一个由目标对象自身的属性键组成的数组。语法 Reflect.ownKeys(target) const obj = { property1:'test', property2:10029, }; console.log(Reflect.ownKeys(obj)); const arr = []; console.log(Reflect.ownKeys(arr)); target 获取自身属性键的

vue 报错 Object(...) is not a function

Zheng_xinle的博客

08-30

4万+

解决 vue 报错 Object(…) is not a function 在做vue项目的时候报错TypeError: Object(...) is not a function 找了半天找到了问题所在：报错描述：报错原因： 1、data中的数据和methods中的方法重名，解决办法：将名字修改即可 2、引入axios方法时如果没有加双括号{ }也会出现这种错误错误代码：正确代码： ......

参与评论您还未登录，请先登录后发表或查看评论

JS中常见的 “函数名 is not a function” 错误

热门推荐

weixin_40345099的博客

09-30

27万+

js中常见的错误，例如Uncaught TypeError: x is not a function 其原因除了函数本身有错之外，还有一种很奇怪的情况：函数本身没有错，但是运行时就是不能正常运行。这种情况与javascript的特性有关：变量与函数声明前置的优先级。首先看代码： console.log(x) console.log(x()); var x=1; function x(){...

object is not afunction错误

soos的博客

12-14

1775

页面执行不了，控制台显示Uncaught TypeError:object is not a function错误，这是很有可能是某个元素的name属性值与函数的函数名重名了，修改一下name值即可。

报错：xxx.foreach is not a function

世界和我们都不该止步于此

03-19

7046

意思是xxx调用了foreach, 但不是一个方法我们查看如下代码： var arr = [1, 2, 3]; arr.foreach(function (val) { console.log(val); }) Uncaught TypeError: arr.foreach is not a function Uncaught：未捕获到 TypeError：引用错误 arr.foreach is not a function： arr.foreach 不是一个方法那就是

xxx.forEach is not a function（DOM集合--类数组对象转化为数组）

liNewman的博客

09-29

2978

xxx.forEach is not a function（DOM集合--类数组对象转化为数组） 1，错误：Uncaught TypeError: hdList.forEach is not a function 2，错误的原因原生js获取的DOM集合是一个类数组对象，所以不能直接利用数组的方法（例如：for...

fast-keys:Object.keys（）的高性能替代品

05-18

fast-keys是Object.keys高性能替代品。其API具有与Array.prototype相同的许多方法，以及一些其他帮助器。 :fast-forward_button: :racing_car: 真的非常快 :brain: 比Object.keys更少的堆分配和垃圾回收 :...

js代码-Object.keys()和Object.values()的简单用法。

07-16

在JavaScript中，`Object.keys()`和`Object.values()`是两个非常重要的内置方法，它们用于处理对象的属性。本文将深入探讨这两个方法的用法、功能和相关知识点。 ### `Object.keys()` `Object.keys()`方法返回一个...

Object.defineProperty 的 IE 补丁object-defineproperty-ie-master.zip

最新发布

05-29

- `enumerable`：如果为`true`，表示属性将出现在`for...in`循环中，并且会被`Object.keys()`返回。默认为`false`。 - `writable`：如果为`true`，表示属性值可以被改变。默认为`false`。 - `value`：属性的初始...

Object.keys() 和 Object.getOwnPropertyNames() 的区别详解

10-15

主要介绍了Object.keys() 和 Object.getOwnPropertyNames() 的区别详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

***.forEach is not a function

weixin_44154094的博客

01-17

6858

***.forEach is not a function缘起：在这里插入图片描述 ==原生js获取的DOM集合是一个类数组对象，不能直接利用数组的方法（例如：forEach，map等），需要进行转换为数组后，才能用数组的方法！==1.推荐几种转换成数组的方法1.1 Array.from()1.2 [...ci]1.3 Array.prototype.slice.call（ci）缘起： <div id="box"> <p>city</p> <ul i

xxx.forEach is not a function

博客

08-11

804

https://blog.csdn.net/m0_38082783/article/details/78131036#:~:text=.forEach%20is%20not%20a%20function%20forEach%20%28%29%E6%98%AF%20%E6%95%B0%E7%BB%84,function%E7%B1%BB%20%E5%9E%8B%EF%BC%8C%E8%BF%99%E5%B0%B1%E8%AF%B4%E6%98%8EnewRawData%E6%98%AF%E4%B8%80%E4

js keys方法和foreach方法区别

weixin_30699831的博客

11-12

396

keys和foreach都有遍历对象的功能，但他们可以遍历的对象类型是不一样的，foreach是数组对象的方法，而keys是Object对象的方法。换句话说，foreach只能数组对象使用，而keys任何对象都能使用。 1.Object.keys 其实从字面我们就可以看出来keys代表的是键值对中的键，所以keys的作用是遍历对象中属性的键，以数组的形式返回，...

vue中报错Object(...) is not a function"

缓月

03-24

2万+

修改一下引入的方法名即可解决。

vue报错Error in mounted hook: “TypeError: Object(...) is not a function“

撒野

09-15

6万+

导入的js要用{}接收 import {shopsratings} from '../../request/api.js'

Vue单独把路由作为一个组件出现问题 Uncaught TypeError: routes.forEach is not a function

明日复明日的博客

04-05

1万+

首先在webstorm里面是编译成功的，但是打开localhost却没有内容显示！打开调试的时候发现问题Uncaught TypeError: routes.forEach is not a function 这种时候和这里无关，就是找不到route下的文件了！因为之前是写在main.js下面的，所以被我直接移植了过去。乍一看是不是有引入每一个组件的路径？但是这个文件没有输出啊！！！main...

$ is not a function解决办法

Nobita

05-26

2万+

$ is not a function // $(function () { // $('.portfolio-two-item').click(function () { // var video_path = $(this).data('src'); // layer.open({ // type: 2, // t...

javascript Object.keys()方法

苦艾文艺

07-06

1万+

Object.keys() 返回对象的可枚举属性和方法的名称。语法Object.keys(object) 参数参数定义 Object 必需。包含属性和方法的对象。这可以是您创建的对象或现有文档对象模型 (DOM) 对象。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title

el-tree使用setCheckedKeys清空树节点不生效

qq_40896145的博客

10-13

5184

问题描述：在切换下拉选框的change事件中使用this.$refs.tree.setCheckedKeys([])清空目标树已选择节点，但不生效。问题解决 // 清空 clearAllNodes: function() { this.$nextTick(function() { this.$refs.tree.setCheckedKeys([]) }) }, 关键：使用this.$nextTick()在清空所选树节点结束之后执行延迟回调 ..

Object.values和Object.keys嵌套使用

04-28

Object.keys方法返回一个对象中所有的属性键名，以数组形式返回。Object.values方法返回一个对象中所有的属性键值，以数组形式返回。因此，我们可以通过Object.keys获取对象的键名数组，然后再使用Object.values获取每个键名对应的键值数组。这样可以很方便地获取对象中所有属性的键值组合。示例代码如下： ``` const obj = { a: 1, b: 2, c: 3 }; // 嵌套使用Object.keys和Object.values const result = Object.keys(obj).map(key => [key, obj[key]]); console.log(result); // [['a', 1], ['b', 2], ['c', 3]] ``` 在上述示例中，我们使用Object.keys方法获取obj对象的所有键名，然后使用map方法遍历键名数组，对于每个键名，使用obj[key]获取对应的键值，并返回一个包含键名和键值的数组。最终得到一个包含所有属性的键值组合的数组。