<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ES6中Object.entries()的使用</title>
</head>
<body>
输入框1<input id="ipt1" type="text" >
<br>
输入框2<input id="ipt2" type="text" >
<br>
输入框3<input id="ipt3" type="text" >
</body>
<script src="./jquery.min.js"></script>
<script>
/*
具体的使用场景
1. 页面的输入框中初始化的时候,要求有固定的值
2. 检索画面输入条件时候之后,携带检索条件跳转到输入页面,输入页面完成输入保存之后携带检索跳转跳转回检索画面
*/
const valueObj = {
ipt1: 'ipt1的值',
ipt2: 'ipt2的值',
ipt3: 'ipt3的值',
}
// 一进入页面就将准备好的数据赋值给页面中的输入框元素
$(function() {
for (const [id, value] of Object.entries(valueObj)) {
console.log(id, value);
/*
ipt1 ipt1的值
ipt2 ipt2的值
ipt3 ipt3的值
*/
console.log("----------");
$(`#${id}`).val(value);
}
});
</script>
</html>
ES6中Object.entries()的使用
最新推荐文章于 2024-03-01 12:24:18 发布