Javascript02基础部分1。4
017 Strings and Template Literals
本讲主要讲字符串和模板字面量。
视频加载中...
字符串通过+号可以拼接成句子。const firstName = "Jonas"; const job = "teacher"; const birthYear = 1991; const year = 2037; const jonas = "I"m " + firstName + ", a " + (year - birthYear) + " years old" + job + "!"; console.log(jonas);
在控制台输出结果为:I"m Jonas, a 46 years old teacher!
由于字符串拼接过程中,要管理空格非常不方便,可以使用ES6新增功能模板字面量。const firstName = "Jonas"; const job = "teacher"; const birthYear = 1991; const year = 2037; const jonasNew = `I"m ${firstName}, a ${year - birthYear} year old ${job}!`; console.log(jonasNew);
在控制台输出结果为:I"m Jonas, a 46 year old teacher!
模板字面量需要使用反引号` `,美元符号$,大括号{}。
` `反引号内为整个字符串拼装内容。
美元符号$大括号{}内,可以是定义的变量名称,可以是操作符计算。
使用模板字面量的格式拼装字符串,比使用+号连接字符串,形式上要简洁方便。
console.log(`Just a regular string...`);
对于单独一行的字符串,也可以直接使用反引号。不用考虑是使用单引号还是双引号。
在控制台输出结果为:Just a regular string...
console.log("String with multiple lines");
在控制台输出结果为:String with multiple lines
对于多行字符串,需要借用换行 和右斜线来控制。
console.log(`String multiple lines`);
在控制台输出结果为:String with multiple lines
如果直接使用反引号,就可以简化这种写法。
018 Taking Decisions_ if _ else Statements
本讲主要讲if和else语句的使用。
视频加载中...
实现一个程序,检查某人年龄是否大于等于18岁允许考驾照,如果年龄允许,程序打印信息到控制台;如果年龄不允许,程序打印还有几年才可以。
const age = 19; const isOldEnough = age >= 18; if(isOldEnough){ console.log("Sarah can driving license "); }
在控制台输出结果为:Sarah can driving license
Sarah的年龄设定为19,在经过isOldEnough判断为真后,输出内容Sarah可以有驾照。
const age = 15; if(age >= 18) { console.log("Sarah can driving license "); } else { const yearsLeft = 18 - age; console.log(`Sarah is too young. Wait another ${yearLeft} years :)`); }
在控制台输出结果为:Sarah is too young. Wait another 3 years :)
if后面的条件判断为真,执行第一个大括号内语句。if后面的条件为假,执行else后面大括号内的语句。if() { } else { }
if,else语句组合叫做控制语句。
const birthYear = 1998; let century; if (birthYear <= 2000) { century = 20; } else { century = 21; } console.log(century);
在控制台输出结果为:20
birthYear为1998,在if后判断为真,所以century赋值为20。
const birthYear = 2012; let century; if (birthYear <= 2000) { century = 20; } else { century = 21; } console.log(century);
在控制台输出结果为:21
birthYear为2012,在if后判断为假,不执行if后大括号语句,执行else后大括号内语句,所以century赋值为21。
019 Coding Challenge #2
视频加载中...
Coding Challenge #2
Use the BMI example from Challenge #1, and the code you already wrote, and improve it.
Your tasks:
1. Print a nice output to the console, saying who has the higher BMI. The message is either "Mark"s BMI is higher than John"s!" or "John"s BMI is higher than Mark"s!"
2. Use a template literal to include the BMI values in the outputs. Example: "Mark"s BMI (28.3) is higher than John"s (23.9)!" Hint: Use an if/else statement
GOOD LUCK
本次编码挑战,基于第一次BMI编码挑战的代码改进。
1、打印输出谁的BMI更高。 例如:
Mark"s BMI is higher than John"s!
或者
John"s BMI is higher than Mark"s!
2、使用模板字面量,在打印输出的时候,包含BMI的值。例如:
Mark"s BMI (28.3) is higher than John"s (23.9)!
const massMark = 95; const heightMark = 1.88; const massJohn = 85; const heightJohn = 1.76; const BMIMark = massMark / heightMark ** 2; const BMIJohn = massJohn / (heightJohn * heightJohn); console.log(BMIMark, BMIJohn); if (BMIMark > BMIJohn) { console.log("Mark"s BMI is higher than John"s!") } else { console.log("John"s BMI is higher than Mark"s!") }
在控制台输出:26.87867813490267 27.44059917355372 John"s BMI is higher than Mark"s!
const massMark = 95; const heightMark = 1.88; const massJohn = 85; const heightJohn = 1.76; const BMIMark = massMark / heightMark ** 2; const BMIJohn = massJohn / (heightJohn * heightJohn); console.log(BMIMark, BMIJohn); if (BMIMark > BMIJohn) { console.log(`Mark"s BMI(${BMIMark}) is higher than John"s(${BMIJohn})!`) } else { console.log(`John"s BMI(${BMIJohn}) is higher than Mark"s(${BMIMark})!`) }
在控制台输出:26.87867813490267 27.44059917355372 John"s BMI(27.44059917355372) is higher than Mark"s(26.87867813490267)!
阴元昆花落笺香忆友人寒冬腊月,户外千里冰封,室内温暖如春。我站在窗前,翻阅着好友张中坡三十年前给我写的几封信。此刻,一盆海棠正在窗台上悄然怒放,几片残红掉落在泛黄的信纸上。闻着幽幽的花香,我的心飞向遥
人民日报新的一年,从戒掉这9种坏习惯开始作者风吹梧桐来源富书(IDkolfrc)优秀不是一种行为,而是一种习惯。乔布斯曾说在你生命的最初30年中,你养成习惯在你生命的最后30年中,你的习惯决定了你。生活中,一些看似不经意
酒瓶有10781是粮食酒?行家有这3个标记的都是纯粮酒马上要过年了,大家都在紧锣密鼓地准备年货,而白酒则是人们在准备年货时最为注重的,买上两箱好酒,不仅自己年宴时喝着舒服,而且走亲访友送礼也有面子。不过最近几年,市场中的酒精勾兑酒肆意
2023年夜饭菜单,5个人8道菜,有热有凉还有汤,一上桌年味十足导语2023年夜饭菜单,5个人8道菜,有热有凉还有汤,一上桌年味十足今年除夕是1月21号,距离这一天越来越近了,还没有开始备年货的朋友要抓紧了,别等到马上要过年了才想起来,那时候啥
徐志摩与陆小曼的爱情故事之初吻一九二五年的一月,胡适和徐志摩打算将新月社迁址,由石虎胡同七号迁到松树胡同七号去。新月社的主要创始人这里有必要介绍一下徐志摩和陆小曼的关系此时徐志摩和陆小曼已经暗生情愫,虽然没有见
干咳不止,这两种口服液儿童如何用好?仅供医学专业人士阅读参考更多儿科常用药怎么用,上临床决策助手App!得了流感新冠等疾病以后,有时会出现干咳不止的症状,十分难受,尤其儿童患者,必须要服用一些止咳药缓解不适。针对干咳
我的二胎顺产记二宝悄悄来到我的肚子的时候,有纠结有开心,产检一路绿灯过,整个孕期自己做饭洗衣服干家务,接送大宝上下学,上下班都是步行就是想着老大是顺产,尽量老二能顺就顺,因为是二胎大家都说会提前
心理案例浅析01规矩是规矩,界限是界限分享一个关于家庭亲子关系的小案例。01案例简介晚饭时间。爸爸妈妈和十岁的女儿陆续回到家里。六十多岁的外婆辛苦了半个下午,端上桌几盘热气腾腾的水饺。饺子汤和蒜泥也上桌了。妈妈赶紧洗手
委员建议推动学前教育托幼一体化降低家庭养育成本婴幼儿照护事关千家万户,事关祖国未来。更好地释放生育潜能,需要切实解决群众后顾之忧,广西壮族自治区政协十三届一次会议期间,政协委员建议,推动学前教育托幼一体化发展,降低家庭养育教育
好书推荐满月猫咪咖啡店翻阅2022书名满月猫咪咖啡店作者望月麻衣译者邱香凝绘者樱田千寻出版春天出版提要满月猫咪咖啡店是一家只在月圆之夜开店的行动式咖啡店,没有固定位置,店长和店员都是会说话与人类差不多大
30年过去了,你对赵雅芝新白娘子传奇的影响力一无所知娱乐圈考古记多年后,当赵雅芝在节目中分享自己演白娘子时是怎样施法的,应该总会想起自己读介绍观音书籍的那段日子。导演对赵雅芝和陈美琪说,她俩要演的白蛇和青蛇是会法术的,但究竟要怎么施