html实现将数组保存到json

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>ArrayToJson</title>

</head>

<body>

<script>
	var arr = ["11","22","33","44","55","66","77","88"]
	var json = []
	for(var i=0;i<arr.length;i++){
		json[i] = {"age":arr[i]}	
	}
	alert(json[0].age)  //11
	alert(json[1].age)  //22
	</script>	
	
</body>
</html>


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
实现录入信息在数组中、保存本地功能,可以使用HTML5中的localStorage来实现。 首先,在HTML页面中创建一个表单,让用户输入需要保存的信息: ``` <form> <label for="name">姓名:</label> <input type="text" id="name" name="name"><br><br> <label for="age">年龄:</label> <input type="number" id="age" name="age"><br><br> <label for="email">邮箱:</label> <input type="email" id="email" name="email"><br><br> <input type="button" value="保存" onclick="saveData()"> </form> ``` 在表单中,我们定义了三个输入框:姓名、年龄和邮箱。同时,我们也添加了一个保存按钮,当用户填写完信息后,可以点击保存按钮将信息保存到localStorage中。 接下来,在JavaScript中定义一个名为saveData的函数,用于将用户输入的信息保存到localStorage中: ``` function saveData() { // 获取用户输入的信息 var name = document.getElementById("name").value; var age = document.getElementById("age").value; var email = document.getElementById("email").value; // 将信息保存到localStorage中 var data = { name: name, age: age, email: email }; if (localStorage.getItem("userData") === null) { var userData = []; userData.push(data); localStorage.setItem("userData", JSON.stringify(userData)); } else { var userData = JSON.parse(localStorage.getItem("userData")); userData.push(data); localStorage.setItem("userData", JSON.stringify(userData)); } } ``` 在saveData函数中,我们首先获取用户输入的姓名、年龄和邮箱,然后将这些信息保存到一个对象中。接下来,我们判断localStorage中是否已经有保存用户信息的数组,如果没有,则创建一个新的数组,并将当前用户的信息加入其中;如果已经存在,则将当前用户的信息加入数组中并更新localStorage中保存的数据。 最后,我们使用JSON.stringify将保存用户信息的数组转换为字符串,然后使用localStorage.setItem将其保存到本地。 这样,当用户点击保存按钮时,就会将其输入的信息保存到localStorage中。 如果需要在页面中展示保存的信息,可以通过以下代码获取localStorage中保存的数据,并将其展示在页面中: ``` var userData = JSON.parse(localStorage.getItem("userData")); for (var i = 0; i < userData.length; i++) { document.write("姓名:" + userData[i].name + "<br>"); document.write("年龄:" + userData[i].age + "<br>"); document.write("邮箱:" + userData[i].email + "<br><br>"); } ``` 在上述代码中,我们首先使用JSON.parse将保存用户信息的数组转换为JavaScript对象,然后遍历这个对象,将每个用户的信息展示在页面上。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值