【JS】对象的创建(两种方式)

Osinghong2周前 (04-14)成果展示33

第一种:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>d24c04429</title>
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		
	</head>
	<body>
		<script>
			var goods = {
				"name" : "name",
				"num" : "num",
				"weight" : "weight",
				"address" : "address",
			}
			console.log("商品名称:"+goods.name);
			console.log("商品编号:"+goods.num);
			console.log("商品重量:"+goods.weight);
			console.log("商品地址:"+goods.address);
		</script>
	</body>
</html>

第二种:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>d24c04429</title>
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		
	</head>
	<body>
		<script>
			var goods = new Object(); 
			goods.name = "name";
			goods.num = "num";
			goods.weight = "weight";
			goods.address = "address";
			console.log(goods);
		</script>
	</body>
</html>


打赏
分享给朋友:

相关文章

【H5】简易百度

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>...

【JS】三元表达式

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>...

【JS】水果查询

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>...

【JS】3.17课后练习

练习一:<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <titl...

【JS】For语句练习

练习一:<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <titl...

【JS】For语句进阶

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>...