服务端返回输出

原创于 2019-01-08 21:36:48 发布 · 373 阅读

0 ·

CC 4.0 BY-SA版权

Es6 专栏收录该内容

4 篇文章

订阅专栏

这篇博客展示了如何处理服务端返回的数据，通过使用JavaScript的map()方法，逐条输出包含商品ID、名称和热门状态的对象数组。具体操作是遍历数据数组，并将每个元素以JSON格式打印在控制台上。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

假设服务端返回

const data = [

{id:1,name:”男装”,hot:true},

{id:2,name:”女装”,hot:false},

{id:3,name:”鞋包”,hot:true},

{id:4,name:”饮料”,hot:false}

]

使用map()，在控制台中输出

{id:1,name:”男装”,hot:true},

{id:2,name:”女装”,hot:false},

{id:3,name:”鞋包”,hot:true},

{id:4,name:”饮料”,hot:false}

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>3.打印输出</title>
	</head>

	<body>
		<script type="text/javascript">
			const data = [{
				id: 1,
				name: '男装',
				hot: true
			}, 
			{
				id: 2,
				name: '女装',
				hot: false
			},
			{
				id: 3,
				name: '鞋包',
				hot: true
			}, 
			{
				id: 4,
				name: '饮料',
				hot: false
			}]
			const newData = data.map((item, index) => {
				var newJSON = {
					id: item.id,
					name: item.name,
					hot: item.hot ? "最新" : "不新"
				}
				return newJSON
			})
			console.log(newData)
		</script>
	</body>

</html>

打印输出结果：