JavaScript 将对象的key value分别添加到两个数组

最新推荐文章于 2024-04-28 10:55:39 发布

Web Erek

最新推荐文章于 2024-04-28 10:55:39 发布

阅读量784

点赞数 1

分类专栏： JavaScript 文章标签： javascript html5 html

本文链接： https://blog.csdn.net/weixin_45536484/article/details/120022757

版权

JavaScript 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

const objData = {
    name:'leilei',
    phone: '13333333333',
    email: '13333333333@QQ.com'
}
var keyArr = Object.keys(objData);     // 对象 key 的数组
var valueArr = Object.values(objData);     // 对象 value 的数组
    
console.log(keyArr);    // ["name", "phone", "email"]
console.log(valueArr);    // ["leilei", "13333333333", "13333333333@QQ.com"]

优惠劵

Web Erek

关注关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
打赏
0
评论
JavaScript 将对象的key value分别添加到两个数组

const objData = { name:'leilei', phone: '13333333333', email: '13333333333@QQ.com'}var keyArr = Object.keys(objData); // 对象 key 的数组var valueArr = Object.values(objData); // 对象 value 的数组 console.log(keyArr); // ["name", "phon.
复制链接

扫一扫

专栏目录

asynchronousforeach:JavaScript中的异步parallelserial foreach

05-14

每个异步基于Symbol的Array.prototype扩展，可对数组和类似数组的对象进行异步声明式迭代。以下两个扩展主要遵循Array.prototype.forEach 。 $ npm i --save asynchronousforeach 每个异步串行 Array.prototype ['asynchronousforeach']（callback：（value，key，array），thisArg）：承诺该函数在每个数组的值上调用传递给它的回调，但要一个接一个地等待，直到传递给下一个值之前，等待包含在回调中的所有异步操作完成。当回调在上一次调用中返回时，异步forEach返回的promise将以undefined值完成。 const { asyncSerialForEach , } = require ( 'asynchronousforeach' ) ;

jquery对Json的各种遍历方法总结(必看篇)

11-22

概述 JSON(javascript Object Notation) 是一种轻量级的数据交换...每个“key”后跟一“:”，“‘key/value’ 对”之间运用 “,”分隔。 packJson = {"name":"caibaojian.com", "password":"111"} 2.数组 packJ

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

js中往数组对象中添加键值对的方法有哪些？

热门推荐

前端-尔嵘

06-24

1万+

js中往数组对象中添加键值对的方法有哪些？

获取对象键名并放到数组里的两种方法

M_Limeng的博客

11-15

1048

for in let obj={ name0: "yi" name1: "er" name2: "san" } let arr1=[] for (const key in obj) { arr1.push(key) } console.log(arr1);// ['name0', 'name1', 'name2'] Object.keys(对象名) console.log(Object.keys(obj));// ['name0', 'name1', 'name2']

JavaScript---遍历json对象分别取出key和value放于数组中

maidu_xbd的博客

12-24

1774

var obj = { name: "buding", age: "23", hobby: "dance" } var obj_key = [] var obj_value = [] for (var key in obj) { obj_key.push(key) obj_value.push(obj[key]) } console.log("输出obj_key", obj_key...

JS 将对象中某些键值对放在数组中

weixin_47430078的博客

11-12

2375

一、背景：后端的接口是一个对象里包含许多的字段，我们要用到里面的一些字段对页面进行渲染，刚开始我在页面中罗列了许多结构相同的代码段（如下图），可能开发的时候比较容易（主要还是我懒），但是在后期维护以及页面的性能优化上都有很多不妥，所以决定优化一下，在页面获取到数据的时候就对数据进行一个处理，把需要的字段放在一个数组中，最后在页面直接v-if就解决了！二、用到的知识点： Object.keys、Object.values：js 获取对象的key和value_sunshineTing2的博客-CS..

JS将对象拆分为键值对并转为数组

zhiyuan1208的博客

08-16

1542

const data = {张三: "18", 李四: "20", 王五: "22" }; 采用for-in循环遍历对象。反之采用map数组遍历。

JS 对象动态添加Key value对

彤云望月

09-18

1万+

需求 json对象动态添加key value对。例如目前有个数据 columnList和dataList，需要解析成jsonArray columnList: [ '表头1', '表头2', '表头3' ] dataList: [ ['数据1', '数据2', '数据3'], ['数据11', '数据22', '数据22'], ] => data : [ { '表头1': '数据1', '表头2': '数据2', '表头3': '数据3' } ,{} ] 可以理解为动态增加Json

【js小技】合并数组对象元素中的key与value

weixin_48847755的博客

07-20

549

合并数组对象元素中的key与value

JavaScript 中根据 key 合并不同的两个数组

qq_36437172的博客

09-05

228

将 source 和 target 两个数组合并成为 output 数组。我们可以看到 source 和 target 两个数组是通过 id 对应的值进行合并的，这里使用遍历 target 数组，遍历的每一项都与 source 使用 find 方法去找到对应 source 数据。由于考虑到 source 和 target 数组中可能存在相同的 key, 所以我们使用回调函数将结果返回，默认直接将 source 数据和遍历的 target 项一起返回。

js 从一个数组对象中取key 和value组成一个新的对象

蓝胖子的博客

07-04

3253

从一个数组对象中取key 和value组成一个新的对象

json数组转化为list-Python入门进阶教程-JSON操作.pdf

06-11

JSON 主要有两种数据结构： JSON 主要有两种数据结构：由 key-value对组成的数据结构由 key-value对组成的数据结构。这种数据结构在不同的语⾔中有不同的实现。例如在 Python中是⼀种 dict 对象；在C语⾔中是⼀ ...

deep-empty:深度优先删除“空”值

05-08

它将为以下返回一个空对象： require('deep-empty')({ key : [ '', { foo: {}, bar: [] } ] }) => {}对于以下内容，它将返回[false] ： require('deep-empty')([[], false, {}]) => [ false ]该方法可以有选择地以两...

iOS中json解析出现的null,nil,NSNumber的解决办法

01-05

{key：value，key：value,…}的键值对的结构，在面向对象的语言中，key为对象的属性，value为对应的属性值，所以很容易理解，取值方法为对象.key 获取属性值，这个属性值的类型可以是数字、字符串、数组、对象几种...

vue2---修饰符

weixin_45503872的博客

04-24

1035

此时有一个问题，如果我们设置了系统修饰符，并不希望有其他的按键组合，比如我们设置ctrl修饰符，此时如果按住ctrl和其他键，然后再点击鼠标，此时也会触发事件监听，所以我需要使用其他的修饰符来设置精确匹配事件。此时People的data返回的是一个对象，不是一个地址，每一个实例拿到的都是个独立，个体的对象，互相不会数据冲突，这个就是vue组件data为什么是函数的原因。data是一个函数，返回的是一个对象，目的是为了让每个组件数据隔离，这个是JavaScript的原理，并不是vue去设计的。

报表控件Stimulsoft在JavaScript报告工具中的事件：查看器事件（上）

最新发布

励志做最业余的专业博主，控件产品可以私我~

04-28

240

在本文中，我们为JS报告工具中的查看器事件提供了全面的指南，包括它们的详细描述、参数列表等一系列详细内容。

Redux 状态持久化之 redux-persist 使用示例

笔记、经验、日常分享

04-24

328

同vuex一样，redux中的状态会在刷新浏览器后状态又恢复到初始状态，有些数据想在浏览器刷新后仍然是在最新的状态，不会丢失，就需要借助一些插件实现。本文通过 redux-persist 插件来实现Redux状态的持久化。

JavaScript函数的作用域

猿码互联

04-23

197

JavaScript函数的作用域指的是变量的可访问范围。在JavaScript中，函数作用域是基于词法作用域（也称为静态作用域）的，意味着函数的作用域在函数被创建时就确定了，而不是在函数被调用时。这样创建的匿名函数会立即执行，并且其中的变量只能在函数内部访问，外部无法访问。这种方式在旧版本的JavaScript中很常见，但在ES6之后，可以直接使用块级作用域来实现同样的效果。需要注意的是，在ES6之前，JavaScript中并没有块级作用域的概念，只有函数作用域和全局作用域。

TypeScript学习笔记7-枚举

STATICHIT静砸的博客

04-23

304

如果中断了，那么下面的就从中断的地方继续增长。如果是字符串，那么定义的时候就要全部写上。主要作用就是节省因为枚举带来的性能消耗。如果是纯数字，下面的会进行自动增长。

js 将两个数组转换为key-value

05-26

可以使用 JavaScript 中的 reduce() 方法来将两个数组转换为 key-value 对象。具体步骤如下： 1. 定义两个数组，一个存储 key，另一个存储 value。 2. 使用 reduce() 方法遍历 key 数组，将每个元素与 value 数组...