前端JS代码中Object类型数据的相关知识

无名之辈W

于 2024-01-19 17:29:29 发布

阅读量625

点赞数 9

分类专栏：前端文章标签：前端 javascript 开发语言 Object Object类型数据

本文链接：https://blog.csdn.net/weixin_43136158/article/details/135676383

版权

前端专栏收录该内容

2 篇文章 0 订阅

订阅专栏

本文介绍了JavaScript中遍历Object类型数据的四种方法：for...in循环、Object.keys()、Object.values()和Object.entries()，并特别关注了处理前端传入的日期类型数据，由于前后端日期格式可能不一致，需要进行格式转换。

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

获取Object类型数据的方式有两种：

方括号获取：Object["arg1"]
点·获取：Object.arg1

前端遍历Object类型数据的方式

遍历JavaScript中的对象有几种方法，包括使用for…in循环、Object.keys()方法、Object.values()方法和Object.entries()方法。以下是每种方法的示例代码：

// 使用for...in循环
const user = {
    name: 'John Doe',
    email: ' [email protected]',
    age: 25,
    dob: '08/02/1989',
    active: true
};

for (const key in user) {
    console.log(`${key}: ${user[key]}`);
}

// 使用Object.keys()方法
const courses = { java: 10, javascript: 55, nodejs: 5, php: 15 };
const keys = Object.keys(courses);
keys.forEach((key, index) => {
    console.log(`${key}: ${courses[key]}`);
});

// 使用Object.values()方法
const animals = { tiger: 1, cat: 2, monkey: 3, elephant: 4 };
Object.values(animals).forEach(val => console.log(val));

// 使用Object.entries()方法
const entries = Object.entries(animals);
entries.forEach(([key, value]) => {
    console.log(`${key}: ${value}`);
});

Object对象中的日期类型数据

前端传入的Object对象中其中某个字段值是日期类型的数据，则在前端的类型就是一个object，它的值是一个中国标准时间，比如Mon Apr 03 2023 00:00:00（中国标准时间）这种。比如前端选择的日期Object["argData"]字段，获取它的日期类型：typeOf(Object["argData"]) == "object"。

因此前端传入了日期类型数据之后，如果和后台数据库中的数据类型不一致，比如数据库中的日期数据类型格式是yyyy-mm-dd，则数据传往后端之前需要做格式类型转换。