变量是什么,有什么用?
变量是存储数据值的容器,用来存放数据的
变量有哪几种数据类型,其中简单(基本)数据类型有哪些,复杂(引用)数据类型又有哪些?
Number
string
boolean
object(对象和数组)
null
undefined
简单数据类型:number,string,boolean,null,undefined
复杂数据类型:object,array
undefined 和 null 有什么区别?
Undefined类型只有一个值,即undefined。当声明的变量还未被初始化时,变量的默认值为undefined。
Null类型也只有一个值,即null。null用来表示尚未存在的对象,常用来表示函数企图返回一个不存在的对象。
根据链接里迪丽热巴的个人信息, 使用一个对象来存放她的个人信息, 迪丽热巴个人介绍
var star = {
'chineseName':'迪丽热巴·迪力木拉提',
'foreignNames':'Dilraba Dilmurat',
'alias':['迪丽热巴','小迪','热巴','胖迪'],
'nationality':'中国',
'national':'维吾尔族',
'placeBirth':'新疆维吾尔自治区乌鲁木齐市',
'dateBirth':'1992年6月3日',
'constellation':'双子座',
'bloodType':'AB型',
'height':'168cm',
'weight':'47kg',
'school':'上海戏剧学院',
'job':['演员','歌手'],
'brokerageFirm':'嘉行天下工作室',
'representativeWorks':['阿娜尔罕','克拉恋人','三生三世十里桃花','烈火如歌',,'一千零一夜'],
'mainAchievements':['2016年中英电影节最佳新人奖','2016年中国泛娱乐指数盛典新势力女艺人奖','2016年爱奇艺尖叫之夜新生代最具实力演员','2015年国剧盛典年度最受欢迎新人女演员','2014年中国时尚权力榜年度演艺圈新锐势力奖']
}
定义一个对象存放电影详情页面的数据
var movieDetails = {
'itemImg':'https:xxx.jpg',
'movieName':'流浪地球',
'score':8.0,
'type':['剧情','冒险','科幻'],
'showTime':'2019-02-05',
'showLocation':"中国大陆",
'duration':'125分钟',
'cumulativeBoxOffice':'46.86亿',
'synopsis':'近未来,科学家们发现太阳急速衰老膨胀,短时间内包括地球在内的整个太阳系都将被太阳所吞没。为了自救,人类提出一个名为“流浪地球”的大胆计划,即倾全球之力在地球表面建造上万座发动机和转向发动机,推动地球离开太阳系,用2500年的时间奔往另外一个栖息之地。中国航天员刘培强在儿子刘启四岁那年前往国际空间站,和国际同侪肩负起领航者的重任。转眼刘启长大,他带着妹妹朵朵偷偷跑到地表,偷开外公韩子昂的运输车,结果不仅遭到逮捕,还遭遇了全球发动机停摆的事件。为了修好发动机,阻止地球坠入木星,全球开始展开饱和式营救,连刘启他们的车也被强征加入。在与时间赛跑的过程中,无数的人前仆后继,奋不顾身,只为延续百代子孙生存的希望…… 本片根据刘慈欣的同名小说改编。',
'castStaff':[
{'director':'郭帆'},
{'performer':['吴京','屈楚萧','李光洁','吴孟达']}
]
}
定义个数组存放电影列表数据信息(至少 5 条信息)
var movieLists = [
{'itemImg':'images/liulang.jpg',
'movieName':'流浪地球',
'score':'7',
'mainPerformer':['吴京','屈楚萧','李光洁','吴孟达'],
'showLocation':'中国大陆',
'duration':'125分钟',
},
{'itemImg':'images/feichi.jpg',
'movieName':'飞驰人生',
'score':'7',
'mainPerformer':['吴京','屈楚萧','李光洁','吴孟达'],
'showLocation':'中国大陆',
'duration':'125分钟',
},
{'itemImg':'images/liulang.jpg',
'movieName':'阿丽塔:战斗天使',
'score':'7',
'mainPerformer':['吴京','屈楚萧','李光洁','吴孟达'],
'showLocation':'中国大陆',
'duration':'125分钟',
},
{'itemImg':'images/liulang.jpg',
'movieName':'绿皮书',
'score':'7',
'mainPerformer':['吴京','屈楚萧','李光洁','吴孟达'],
'showLocation':'中国大陆',
'duration':'125分钟',
},
{'itemImg':'images/liulang.jpg',
'movieName':'夏目友人帐',
'score':'7',
'mainPerformer':['吴京','屈楚萧','李光洁','吴孟达'],
'showLocation':'中国大陆',
'duration':'125分钟',
}
]
定义一个对象, 存放特惠页面信息
var preferential = {
'detail':[
{
'itemImg':'images/hb1.c99f4fac.jpg',
'title':'柳州鲜香螺蛳粉 300g*1',
'describe':'传统制粉手艺 甄选多重原料 地道广西风味',
'presentPrice':'¥13',
'originalPrice':'¥15.9',
},
{
'itemImg':'images/hb1.c99f4fac.jpg',
'title':'雅诗兰黛 净颜透澈卸妆乳',
'describe':'【香港直邮】 3*30ml/支 深层清洁卸妆 温和不刺激 净莹清爽',
'presentPrice':'¥64',
'originalPrice':'¥82',
}
]
}
附加题: 有一个数组, var starList = [‘赵丽颖’, ‘迪丽热巴’, ‘佟丽娅’, ‘王丽坤’, ‘李丽珍’, ‘邓丽君’];把数组成员输出到页面上.
var starList = ['赵丽颖', '迪丽热巴', '佟丽娅', '王丽坤', '李丽珍', '邓丽君'];
var len=starList.length;
for (var i=0;i<len;i++) {
document.write(starList[i]+'</br>')
}
资料2: 逻辑运算符练习2
6. var boo1 = true;
!boo1; //false
7. var boo2 = false;
!boo2; //true
8. var name;
!name; //true
9. var cat = null;
!cat; //true
var obj;
27. 'abc' && obj.name; // 报错
28. undefined && obj.name; //undefined
29. obj && obj.name; // undefined
30. 0 || 100; //100
31. 0 || NaN; //NaN
32. 100 || 0; //100
33. 100 || NaN;//100
34. NaN || 0;// 0
35. NaN || 100;// 100
36. '' || 'abc'; //'abc'
37. 'abc' || ''; //'abc'
38. 'abc' || '456'; //'abc'
39. true || true; // true
40. true || false;// true
41. false || true;// true
42. false || false;// false
43. 0 || undefined; // undefined
44. NaN || null;// null
45. 100 || 'abc';// 100
46. 'abc' || undefined // 'abc'
47. var obj; 'abc' || obj.name; //'abc'
48. undefined || obj.name;//
资料3: 编程题练习
编程题, 运算并打印结果
有一篮苹果,两个两个的拿剩一个,三个三个的拿剩一个,四个四个的拿剩一个,五个五个的拿剩一个,六个六个的拿剩一个,七个七个的拿,能拿完,请问这篮子里有多少个苹果?