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)!
看了许多冬季穿搭,才知道真会穿的女人,穿衣都在叠衬衫人靠衣装马靠鞍,特别是在以貌取人的当下,穿衣打扮成为了一个人的门面。当你学会了穿搭,那么也就进入了时尚圈的门槛。而对于大众,我们了解学习时尚的方式很多,像借鉴时尚博主搭配就是很好的
积极面对困难人生在世,每天都有事情发生,也就是每天都会面对不同的困难,这些困难有大有小,小的随之解决了,但是碰到棘手的问题,那每个人的态度可就千差万别,千人千面,不同的态度,造就了不同的人生!
当一个人对你动情了,才会跟你开这些玩笑当一个人跟你说你觉得我怎样,不如我们试试吧。说明他对你已经动了情。那一句小心翼翼的你觉得我怎么样,是试探,是期盼,是简介的自我介绍,是希望你能认真的考虑下。她会以开玩笑的方式,装作
腊八节的祝福,写给深爱的你作者昕月蓝殇腊八节的祝福,写给深爱的你,一生之中总会有那么一个人,改变你的习惯,成为了你的例外。爱在心里,开不了口,你在梦里,放不开手。不求三生三世,只愿我们平平淡淡,相伴一生。无
天天早安吉祥天天早安吉祥这几天,寒冬的气温来了一个大逆转,特别是到了中午,炽热的阳光如同俄罗斯特别军事行动一样,呼拉拉地驱走了连日来的霜风雾霾,堂而皇之地炫耀着它的威力。这种突然袭击,确实出乎
独处时可以做的30件小事悄悄变强当你学会独处时,你才成为了自己。今天和大家分享30个独处时可以做的小事情,悄悄变强1。给五年后的自己写一封信,告诉他她,你喜欢的自己是什么样子的。2。给自己做一次断舍离,清理房间的
你还在哪些朋友圈发言?很久没有发自己的朋友圈了,甚至都不咋看了。刚退休时,会发一些生活的小领悟出去玩的动态,结果有人说你成哲学家了,爱人说别让人说嘚瑟了,于是就啥也没有兴趣发了。今天打开看看,还有人再坚
诗歌复兴号领跑世界我的目光沿着山川河流的走势起伏跳跃我的身体随着贴地而飞的火车奔驰呼啸看浓雾在汽笛的气流中散开瞧鸟雀正和着风的韵律舞蹈高铁和大地相得益彰景色美得令人叫好城市乡村和原野像一朵朵开放的花
2022即将过去2023仍需全力以赴截至到今天,是2022年的最后几天,如果总结2022年的境况,用一个字足以概括,那就是难,大环境也好小环境也罢,所经历的种种都已过去,不再重提,不再抱怨,接下来的2023年不确定是
年轮刻记年轮刻记2022你阳了吗?。修心岁月交替,四季轮回。2022号小船终于划到了年终岁尾,再见2022!年轮的时光已经给你打上了深刻的印记。经过你一年季节枯荣的人们,在感触颇多的同时又
这一年,谢谢一直坚持的自己一路走来,看看书桌上的台历,2022还剩最后一天,不知不觉,又在疫情中走过2022!多灾多难的2022啊,从严防死守到逐步放开,到此刻的国内畅通无阻,每个人都还没从阳的阴影中走出来