C1 能力认证——JS基础
JavaScript变量命名规则
在JavaScript中以下,以下哪些变量名是非法的(会导致程序报错)?
1person
name
var
$orderwera23
uiuiuqwer4_23aser2
1person var
# 不能以数字开头,和关键字命名
在JavaScript中,以下哪些变量名不建议使用?
1person
name
var
$orderwera23
uiuiuqwer4_23aser2
iperson var $orderwera23 uiuiuqwer4_23aser2
# 不能以数字开头和关键字命名,且必须见名知意
在JavaScript中,以下字符串中那些不能被作为变量名使用?(使用了,程序就会报错)
for
function
var
myName
owefsdfwef2
for function var
# 使用了关键字
在JavaScript中,以下代码运行会报错
var 1_person = "Hello world!"
console.log(1_person)
对
# 变量名错误,数字开头
在JavaScript中,从代码易于维护的角度来看,以下哪些变量名比较合适?
a1
b2
n234oouj
name
number
age
schoolName
name number age schoolName
# 这些变量名定义做到了见名知意
逻辑运算
要想以下JavaScript代码符合预期,空格处应该填什么运算符?
var a = 11
var b = 6
if(__(a
以下JavaScript代码运行的预期输出结果是?
var num = 55
var str = "55"
if(num === str) {
console.log("Yes")
} else {
console.log("No")
}
预期输出结果:
____
No
# ===这个是恒等于,要求变量类型和值都相等,显然类型不同
以下JavaScript代码运行的预期输出结果是?
var res1 = 5 > 8
var res2 = true
if(res1 && res2) {
console.log("Yes")
} else {
console.log("No")
}
预期输出结果:
____
No
# &&表示与操作,该符号两边都为true才为true,显然res1结果为false
以下JavaScript代码运行的预期输出结果是?
var res1 = 6 > 3
var res2 = 8 >= 8
var res3 = false
if(res1 || res2 && res3) {
console.log("Yes")
} else {
console.log("No")
}
预期输出结果:
____
Yes
# 优先级的问题,变量res1是表达式5 > 8的结果,即为false。变量res2为true。然后对res1和res2进行与操作,因为res1为false,所以res1 && res2的结果也为false。与运算,当其中任何一个操作数为false时,该运算的结果为false,只有当两个操作数都为true时,其运算结果才为true
以下JavaScript代码运行的预期输出结果是?
var num = 8
if(true || (num = 9)) {
console.log(num)
}
预期输出结果:
____
8
# 这里涉及到逻辑运算的短路机制,对于或运算,当第一个操作数是true时,该运算的结果是true,第二个操作数不会被求值(如果是表达式的话就不会被执行)
隐式类型转换
以下代码的预期输出是?
var arr = []
var str
if (arr) {
str = 'hello'
}
console.log(str)
预期输出:
____
hello
# 空数组转换成布尔值为true,所以变量str会被赋值为hello
# 非空即为真 非0即为真
'''
字符串:非空即为真
数字:非0非NAN即为真
对象:非null非undefined即为真
[]{}为真
'''
要想是一下JavaScript代码运行符合预期,空格处应该填什么运算符?
var a = true
var b = 2
var c = a ___ b
console.log(c)
预期输出:
2
*
# 这里输出2,只有b的值为2那么c只能等于a*b,a=true就呗隐式转换为1,所以c=1*2
以下JavaScript代码运行的预期输出结果是?
var res = 567 + '1' - 89
console.log(res)
预期输出:
____
5582
# 数字类型和字符串中间的+号不再是加法运算,而是拼接,数值类型被转换成字符串类型,567+'1'=5671,然后5671-89
以下JavaScript代码运行的预期输出结果是?
if (null) {
console.log('Hello')
} else {
console.log('World')
}
预期输出:
____
World
# 非空就是真
以下JavaScript代码运行的预期输出结果是?
var a = {}
if (a) {
console.log('Hello')
} else {
console.log('World')
}
预期输出:
____
Hello
# 自定义对象为空也为真
条件分支
以下JavaScript代码的预期输出是?
var a = 8
if (a > 7) {
a = 3
}
if (a > 4) {
a = 5
}
console.log(a)
3
要想以下JavaScript代码符合预期,空格处应该填什么(表达式除外)?
var expr = ____
switch (expr) {
case 1:
// 代码块1
console.log(111);
case 2:
// 代码块2
console.log(222);
case 3:
// 代码块3
console.log(333);
break;
case 5:
// 代码块5
console.log(111);
case 6:
// 代码块6
console.log(222);
break;
default:
// 代码块7
console.log(111);
}
预期输出:
111
222
5
# 这里填5,因为break再6后面,然后输出的是5和6中的内容
以下JavaScript代码运行的预期输出结果是?
var num = 89
if (num < 89) {
console.log('a')
} else if (num > 89) {
console.log('b')
} else {
console.log('c')
}
预期输出:
____
c
# 条件判断都不满足,输出else下的内容
以下JavaScript代码运行的预期输出结果是?
if (8 > 7) {
console.log('Hello')
} else {
console.log('World')
}
预期输出:
____
Hello
以下JavaScript代码运行的预期输出结果是?
if (78 < 67) {
if (45 > 23) {
console.log('a')
} else {
console.log('b')
}
} else {
if (89 > 45) {
console.log('c')
} else {
console.log('d')
}
}
预期输出:
____
c
For循环
想要以下代码运行符合预期则空格处应该填什么整型数字?
for (var i=0; i <= ___; i++) {
console.log(i)
}
预期输出结果: 0 1 2 3 4 5
5
# 结果包含5,那么条件判断只能填5
想要以下代码运行符合预期则空格处应该填什么整型数字?
for (var i=1; i <= ___; i+=1) {
console.log(i)
}
预期输出结果:1 2 3 4 5 6 7 8 9
9
# 结果包含9,条件判断填9
想要以下代码运行符合预期则空格处应该填什么整型数字?
var arr = ['a1', 'b1', 'c1', 'd1', 'e1', 'f1', 'g1', 'h1']
for (var i=0; i < arr.length; i+=___) {
console.log(arr[i])
}
预期结果:a1 d1 g1
3
# 根据结果发现,间隔为3
想要以下代码运行符合预期则空格处应该填?
var obj = {
realName:'张三',
phone:13344556789,
email:'zhangsan@163.com',
created_at:'2021-06-12 10:00:00'
}
for (var k in obj) {
if(k === _______ ){
console.log(obj[k])
}
}
预期结果:zhangsan@163.com
email
# k恒等于email才能取到email的值
想要以下代码运行符合预期则空格处应该填什么整数?
for (var i=4; i<9; i+=___) {
console.log(i)
}
预期输出:
4
7
3
# 根据结果发现,间隔为3
Math内置对象
方法名称 |
作用 |
示例 |
结果 |
max() |
用于确定一组数值中的最大值 |
Math.max(11,3,17,6) |
17 |
min() |
用于确定一组数值中的最小值 |
Math.min(11,3,17,6) |
3 |
ceil() |
执行向上取整,即它总是将数值向上取整为最接近的整数 |
Math.ceil(25.1) |
26 |
floor() |
执行向下取整,即它总是将数值向下取整为最接近的整数 |
Math.floor(25.8) |
25 |
round() |
执行标准取整,即它总是将数值四舍五入为最接近的整数 |
Math.round(25.8) |
26 |
random() |
该方法返回介于 0 到 1 之间一个随机小数,包括 0 和不包含 1 |
Math.random() |
例如0.3123868992708143 |
abs() |
该方法返回参数的绝对值 |
Math.abs(-9) |
9 |
sqrt() |
该方法返回参数的平方根 |
Math.sqrt(49) |
7 |
表达式 Math.____(13.6589)计算结果为13,则空格处应该填?
floor
# 结果是取整了,而且还是向下取整,所以填13
# 如果结果为14,那么方法就是ceil
要想以下JavaScript代码符合预期,空格处应该填什么(表达式除外)?(使用中文逗号「,」隔开)
var a = -14.4
var b = 10
var c = Math.____ (a*b)
var d = Math.____ (c)
console.log(d)
预期输出结果:
12
abs,sqrt
# 结果为正,首先将负数取绝对值,填abs,然后c=144,那么c开平方就是12,填sqrt
要想以下JavaScript代码符合预期,空格处应该填什么整数?
console.log(Math.sqrt(____))
预期输出结果:
9
81
# 81开平方得9
要想以下JavaScript代码符合预期,空格处应该填什么(表达式除外)?
console.log(Math.____(3, 4, 89))
预期输出结果:
89
max
# 输出了最大值填max
要想以下JavaScript代码符合预期,空格处应该填什么(表达式除外)?
console.log(Math.____(8.01))
预期输出结果:
9
ceil
# 结果是向上取整了,填ceil
对象属性
要想以下JavaScript代码符合预期,空格处应该填什么(表达式除外)?
var obj = {name: 'lisi', city: '北京', age: 21}
console.log(obj._______)
// 预期输出结果:21
age
要想以下JavaScript代码符合预期,空格处应该填什么字符串?
var obj = {id: 1, title: 'React-JSX语法', lengtth: "120", created_at: "2021-07-01", created_staf: "张三"}
var adminName = '_______'
console.log(obj[adminName])
预期输出结果:
张三
created_staf
要想以下JavaScript代码符合预期,空格处应该填什么?
var obj = {
name: '李四',
school: '北京大学',
age: 23
}
console.log(obj.____)
预期输出结果:
北京大学
school
要想以下JavaScript代码符合预期,空格处应该填什么整数?
var obj = {
name: '王五',
friends: ['张三', '李四'],
age: 23
}
console.log(obj.friends[____])
预期输出结果:
李四
1
要想以下JavaScript代码符合预期,空格处应该填什么?
var obj = {
name: '小明',
friends: ['张三', '李四'],
hobby: ['篮球', '足球', '游泳', '看书'],
age: 23
}
console.log(obj.name + '喜欢' + obj.____[1])
预期输出结果:
小明喜欢足球
hobby
函数定义与调用
要想以下JavaScript代码符合预期,空格处应该填什么整型数字?
function foo(a, b) {
return a * b
}
console.log(foo(8, ___))
预期输出:
32
4
要想以下JavaScript代码符合预期,空格处应该填什么整型数字?
function foo(a) {
return a * a * a
}
console.log(foo(___))
预期输出:
27
3
要想以下JavaScript代码符合预期,空格处应该填什么?
var obj = {
name: '小明',
friends: ['张三', '李四'],
hobby: ['篮球', '足球', '游泳', '看书'],
age: 23,
getNewFriend: function (newFriend) {
this.friends.push(newFriend)
}
}
obj._______('王五')
console.log(obj.friends[2])
预期输出:
王五
getNewFriend
# 这里定义了一个obj对象,其中一个属性的值是一个函数,那么在取这个属性值的时候,后面加上()就代表调用这个函数。这个函数(我们可以称之为这个对象的方法)的作用是将它的参数追加到该对象的friends属性值(数组)的末尾。我们看预期输出的打印是obj这个对象的friends属性值的索引为2的值,而friends属性在这个对象被定义的时候最大索引是1,显然它被push进了一个值。由此可知空格处该填什么了。
以下的JavaScript代码的预期输出是?
var checkNum = function (num) {
return num % 2 === 0
}
if (checkNum(8)) {
console.log('Hello')
} else {
console.log('World')
}
预期输出:
____
Hello
以下的JavaScript代码的预期输出是?
var checkNum = function (num, divisor) {
return num % divisor === 0
}
if (checkNum(27, 5)) {
console.log('Hello')
} else {
console.log('World')
}
预期输出:
____
World
# 我们将一个函数表达式赋值给了checkNum变量,后面就可以使用checkNum来调用这个函数了。这个函数接受两个参数(num,divisor)并返回一个布尔值(真假值),这个布尔值取决于num对divisor取余是否等于0。简单来说,这个函数的作用是判断参数num是否能被divisor整除。
常见内置对象
内置对象 |
说明 |
示例 |
eval |
eval函数会将传入的字符串当做 JavaScript 代码进行执行 |
eval("console.log('hello world')") |
isNaN |
用来确定一个值是否为NaN |
isNaN(NaN); // true isNaN(undefined); // true isNaN({}); // true |
parseFloat |
根据给定的参数返回其对应的浮点数。 |
parseFloat(3.14); |
parseInt |
解析一个字符串并返回指定基数的十进制整数 |
parseInt("15,123", 10); |
要想以下JavaScript代码运行符合预期,空格处应该填什么?
if (isNaN('.67') === ___) {
console.log('hello')
}
预期输出:
hello
false
要想以下JavaScript代码运行符合预期,空格处应该填什么整数?
console.log(parseInt("21", ____))
预期输出:
17
8
# 21的8进制数为17
以下的JavaScript代码的预期输出是?
console.log(parseFloat('8.9a89bd'))
预期输出:
____
8.9
以下的JavaScript代码的预期输出是?
if (isNaN('3e4') === false) {
console.log('Hello')
} else {
console.log('World')
}
预期输出:
____
Hello
转义字符
要想以下JavaScript代码运行符合预期,空格处需要填写什么?
var str = ________
console.log(str)
预期输出:
小明说:"吃饭吗?"
我说:"已经吃过了"
# 可以看出这连个字符串中间的引号原样输出了,那么用到转义字符\,中间还有换行的标志\n
以下的JavaScript代码的预期输出是?
var str = '\'这是为什么呢?\''
console.log(str)
预期输出:
____
'这是为什么呢?'
# 转义字符将单引号原样输出
以下的JavaScript代码的预期输出是?
var str = '\"这是为什么呢?"'
console.log(str)
预期输出:
____
"这是为什么呢?"
# 在单引号定义的字符串中出现了双引号,可以直接使用,不会报语法错误。并且双引号前加转义符(\)和不加效果一样。
以下的JavaScript代码的预期输出是?
var str = '\\n这是为什么呢?"'
console.log(str)
预期输出:
____
\n这是为什么呢?"
字符串常见的方法与属性
属性名称 |
作用 |
示例 |
结果 |
length |
获取字符串入的长度 |
'abcd'.length |
4 |
方法名称 |
作用 |
示例 |
结果 |
charAt() |
获取指定位置的字符 |
'abcd'.charAt(2) |
c |
indexOf() |
检索指定的字符串值在字符串中首次出现的位置 |
'abcd'.indexOf('a') |
0 |
lastIndexOf() |
从后往前查询所要搜索的字符串在原字符串中第一次出现的位置(索引),找不到则返回-1 |
'abcdabc'.lastIndexOf('a') |
4 |
search() |
检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串 |
'abcd'.search('c') |
2 |
match() |
字符串内检索指定的值,或找到一个或多个正则表达式的匹配 |
'abcdabc'.match('a') |
['a', index: 0, input: 'abcdabc'] |
substring() |
字符串截取方法,它可以接收两个参数,分别是要截取的开始位置和结束位置,它将返回一个新的字符串 |
'abcdabc'.substring(1, 4) |
bcd |
slice() |
与substring()方法非常类似,它传入的两个参数也分别对应着开始位置和结束位置。而区别在于,slice()中的参数可以为负值 |
'abcdabc'.slice(1, 4) |
bcd |
replace() |
用来进行字符串替换操作,它可以接收两个参数,前者为被替换的子字符串,后者为用来替换的文本 |
'abcd'.replace('a', 'A') |
Abcd |
split() |
于把一个字符串分割成字符串数组 |
'abcd'.split('') |
['a', 'b', 'c', 'd'] |
toLowerCase() |
可以把字符串中的大写字母转换为小写 |
'Abcd'.toLowerCase() |
abcd |
toUpperCase() |
可以把字符串中的小写字母转换为大写 |
'Abcd'.toUpperCase() |
ABCD |
要想以下JavaScript代码符合预期,空格处应该填什么?
var a = "abccba"._______("b")
console.log(a)
预期输出结果:
4
lastIndexOf
# 输出b字符的下标位置,正向肯定不行了为1,那么使用lastIndexOf倒着取
要想以下JavaScript代码符合预期,空格处应该填什么?
var str = "a1-b2-c3-d4"
console.log(str._____('-'))
预期输出结果:
['a1', 'b2', 'c3', 'd4']
split
# split把一个字符串分割成字符串数组,指定分隔符为-
要想以下JavaScript代码符合预期,空格处应该填什么整数?
var str = "JavaScript是一门动态类型的语言"
console.log(str.substring(4, ____))
预期输出结果:
Script
10
# substring字符串截取方法,它可以接收两个参数,分别是要截取的开始位置和结束位置,它将返回一个新的字符串,4为开始位置结束位置为10正好取出Script
以下的JavaScript代码的预期输出是?
var str = "AbcDe"
console.log(str.toUpperCase())
预期输出结果:
____
abcde
# 转大写方法
以下的JavaScript代码的预期输出是?
var str = "Chinese"
console.log(str.charAt(3))
预期输出结果:
____
n
# charAt方法指定了下标位置,输出该索引值的元素
数组常见方法与属性
方法 |
说明 |
length |
访问一个数组的length属性,返回该数组的长度,即该数组元素的个数 |
forEach() |
对数组的每个元素执行一次给定的函数 |
indexOf() |
返回在数组中可以找到一个给定元素的第一个索引,如果不存在,则返回-1。 |
join() |
将一个数组的所有元素连接成一个字符串并返回这个字符串。如果数组只有一个项目,那么将返回该项目而不使用分隔符。 |
map() |
创建一个新数组,其结果是该数组中的每个元素是调用一次提供的函数后的返回值。 |
pop() |
从数组中删除最后一个元素,并返回该元素的值。此方法更改数组的长度。 |
push() |
将一个或多个元素添加到数组的末尾,并返回该数组的新长度。 |
reverse() |
将数组中元素的位置颠倒,并返回该数组。数组的第一个元素会变成最后一个,数组的最后一个元素变成第一个。该方法会改变原数组。 |
shift() |
从数组中删除第一个元素,并返回该元素的值。此方法更改数组的长度。 |
slice() |
返回一个新的数组对象,这一对象是一个由 begin 和 end 决定的原数组的浅拷贝(包括 begin,不包括end)。原始数组不会被改变。 |
sort() |
对数组的元素进行排序,并返回数组。 |
unshift() |
将一个或多个元素添加到数组的开头,并返回该数组的新长度(该方法修改原有数组)。 |
要想以下JavaScript代码符合预期,空格处应该填什么(表达式除外)?
var arr = ['e', 'd', 'f']
var str = arr.___()
console.log(str)
预期输出结果: e,d,f
join
要想以下JavaScript代码符合预期,空格处应该填什么(表达式除外)?
var arr = ['tree', 795, [0, 1, 2]];
arr.______([4,9,10])
console.log(arr[0][1])
预期输出结果: 9
unshift
要想以下JavaScript代码符合预期,空格处应该填什么(表达式除外)?
var arr = [1,2,3,'a','t',45,'r',9];
var newArr = arr.slice(____, 6)
console.log(newArr[2])
预期输出结果:
45
3
# 数组的slice方法会截取原数组的一部分并返回出来。从slice的第一个参数所表示的索引位置的元素(包含该元素)开始,到第二个参数所代表的索引位置的元素(不包含该元素)结束。该题中newArr[2]的值为45,又因为newArr是从arr中截取出来的,所以newArr应该为['a', 't', 45]
要想以下JavaScript代码符合预期,空格处应该填什么(表达式除外)?
var arr = ['a', 'b', 'c', 'd'];
var str = arr.______().join('')
console.log(str)
预期输出结果:
dcba
reverse
要想以下JavaScript代码符合预期,空格处应该填什么整数?
var arr = [
{
name: '张三',
age: 24
},
{
name: '李四',
age: 32
},
{
name: '王五',
age: 19
}
]
arr.sort(function (item1, item2) {
return item1.age - item2.age
})
console.log(arr[____].name)
预期输出结果:
李四
2
# 数组的sort方法会接受一个回调函数作为参数,并且会给这个回调函数传两个值,这两个值即为数组中相邻两个元素,如果这个回调函数返回的是一个小于0的数,那么第一个值就在第二值的前面,等于0的话就不变,大于0的话,第一个值就在第二个值的后面。题中的回调函数的返回值是第一个值的age属性减去第二个值的age属性,如果小于0,item1就在item2前面,反之就在后面。由此可见,就是按照该数组中每一个元素的age的值做升序排列。所以,排序后的数组,0索引位置的值是王五这个对象,1索引位置的值是张三这个对象,2索引位置的值是李四这个对象