变量是什么,有什么用?
变量是存储数据值的容器<br />声明(定义)变量<br />赋值, 再次赋值会覆盖原值
变量有哪几种数据类型,其中简单(基本)数据类型有哪些,复杂(引用)数据类型又有哪些?
数字 Number 类型
- 整数
- 小数
- 最大值和最小值 (了解)
- NAN : 不是数字的数字
- typeof 判断变量的类型
- String 类型 字符串
- 有三种表达方式: 双引号, 单引号, 反引号
- 推荐使用单引号
- 如果字符串中含有引号, 单双引号同时使用
- 字符串可以通过 + 进行拼接
- Boolean 类型 true 和 false
- 只有true和false两个值
- 变量命名一般用疑问句
- Undifined 类型 undefined
用来表示声明了变量但未初始化(赋值) - Object 类型
- 普通对象(无序集合)
- 对象的属性是无序的, 那个属性在前在后都没关系
- 读取属性的两种方式
- 修改对象属性
- 数组(特殊对象,有序集合)
- 普通对象(无序集合)
6.Null 类型 null
声明一个变量准备用来存储对象
- undefined 和 null 有什么区别?
变量被声明了,但没有赋值时,就等于undefined。 声明变量,但没有对象, 声明一个对象就是null。
- 根据链接里迪丽热巴的个人信息, 使用一个对象来存放她的个人信息, 迪丽热巴个人介绍
var delireba = {
portrait:'',
chineseName:'迪丽热巴',
alias:['小迪','热巴','胖迪'],
nationality:'中国',
nation:'维吾尔族',
birthplace:'新疆维吾尔自治区乌鲁木齐市',
birthTime:'1992年6月3日',
constellation:'双子座',
bloodType:'AB',
height:168,
weight:47,
graduatedFrom:'上海戏剧学院',
brokerageAgency:'嘉行天下工作室',
occupation:['演员','歌手'],
representativeWork:['阿娜尔罕','克拉恋人','三生三世十里桃花','烈火如歌','一千零一夜'],
mainAchievements:[
'2016年中英电影节最佳新人奖',
'2016年中国泛娱乐指数盛典新势力女艺人奖',
'2016年爱奇艺尖叫之夜新生代最具实力演员',
'2015年国剧盛典年度最受欢迎新人女演员',
'2014年中国时尚权力榜年度演艺圈新锐势力奖'
]
}
定义一个对象存放电影详情页面的数据
var filmDetails ={
'themePicture':'https://pic.maizuo.com/usr/movie/bed8f7edd414e5b8afd788be30b92f9f.jpg',
'title':'超越',
'score':'8.4分',
'details':[{
'showtime':'2021-06-15',
'showregion':'中国大陆',
'duration':'100分钟',
'details':'百米冠军吴添翼为解开无法战胜老飞人郝超越的心结而返乡,不料郝超越早已沉沦,逃避最爱的跑步事业,更处心积虑利用吴添翼谋利。师兄弟二人的较量从回忆中的跑道延伸进现实生活,历经误会和冲突,最终冰释前嫌并互相治愈······',
}
],
'caststaff':[{
'name':'韩博文',
'post':'导演',
'img':'https://pic.maizuo.com/usr/movie/88357f5dd8a4e3736863f0dd04126b3b.jpg'
},
{
'name':'郑凯',
'post':'演员',
'img':'https://pic.maizuo.com/usr/movie/88357f5dd8a4e3736863f0dd04126b3b.jpg'
},
{
'name':'张蓝心',
'post':'演员',
'img':'https://pic.maizuo.com/usr/movie/88357f5dd8a4e3736863f0dd04126b3b.jpg'
},
{
'name':'曹炳琨',
'post':'演员',
'img':'https://pic.maizuo.com/usr/movie/88357f5dd8a4e3736863f0dd04126b3b.jpg'
}
]
}
定义个数组存放电影列表数据信息(至少 5 条信息) ``` var filmlist = [{
'name':"流浪地球",
'img':"https://pic.maizuo.com/usr/movie/bed8f7edd414e5b8afd788be30b92f9f.jpg",
'score':7,
'performer':"布莱恩·辛格 拉米·马雷克 本·哈迪 约瑟夫·梅泽罗",
'Show':["英国","美国"],
'duration':135
},
{
'name':"飞驰人生",
'img':"https://pic.maizuo.com/usr/movie/bed8f7edd414e5b8afd788be30b92f9f.jpg",
'score':7,
'performer':"布莱恩·辛格 拉米·马雷克 本·哈迪 约瑟夫·梅泽罗",
'Show':["英国","美国"],
'duration':135分钟
},
{
'name':"阿丽塔·战斗天使",
'img':"https://pic.maizuo.com/usr/movie/bed8f7edd414e5b8afd788be30b92f9f.jpg",
'score':7,
'performer':"布莱恩·辛格 拉米·马雷克 本·哈迪 约瑟夫·梅泽罗",
'Show':["英国","美国"],
'duration':135分钟
},
{
'name':"绿皮书",
'img':"https://pic.maizuo.com/usr/movie/bed8f7edd414e5b8afd788be30b92f9f.jpg",
'score':7,
'performer':"布莱恩·辛格 拉米·马雷克 本·哈迪 约瑟夫·梅泽罗",
'Show':["英国","美国"],
'duration':135分钟
},
{
'name':"夏目友人帐",
'img':"https://pic.maizuo.com/usr/movie/bed8f7edd414e5b8afd788be30b92f9f.jpg",
'score':7,
'performer':"布莱恩·辛格 拉米·马雷克 本·哈迪 约瑟夫·梅泽罗",
'Show':["英国","美国"],
'duration':135分钟
}
]
7. 定义一个对象, 存放特惠页面信息
var preferential ={ ‘imgs’:[ ‘/img/hb1.c99f4fac.jpg’, ‘/img/hb2.c99f4fac.jpg’ ], ‘title’:[ ‘柳州鲜香螺蛳粉 300g1’, ‘雅诗兰黛 净颜透澈卸妆乳’ ], ‘subtitle’:[ ‘传统制粉手艺 甄选多重原料 地道广西风味’, ‘【香港直邮】 330ml/支 深层清洁卸妆 温和不刺激 净莹清爽’ ], ‘originalprice’:[ 15.9, 82 ], ‘present price’:[ 13, 62 ], ‘headportrait’:[ ‘/img/tx1.6e193b13.jpg’, ‘/img/tx2.6e193b13.jpg’ ] }
8. 附加题: 有一个数组, var starList = ['赵丽颖', '迪丽热巴', '佟丽娅', '王丽坤', '李丽珍', '邓丽君'];;把数组成员输出到页面上.
var starList = [‘赵丽颖’, ‘迪丽热巴’, ‘佟丽娅’, ‘王丽坤’, ‘李丽珍’, ‘邓丽君’];
console.log(starList); document.write(starList[0],starList[1],starList[2],starList[3],starList[4],starList[5],);
```