前端笔试面试备考4


数据类型 ,数据计算 等知识点


JS中使用typeof能得到哪些数据类型

string,number,boolean,undefined,object,function

何时使用 == ,何时使用 ===

  • == 操作符是比较值
  • === 操作符是比较值和类型。
  • 对于 if 判断 obj 时,推荐下面这种写法,其他情况一般使用 === 操作符
if(obj.a == null){
// 相当于 obj.a === null || obj.a === undefined
// 这是 jquery 源码中推荐的写法
}

JS中有哪些内置函数及其作用

不考虑浏览器环境,不考虑node.js,单纯作为语言来讲,它内置了一些东西。

区别于内置对象

知识点:数据封装类对象

  • Object
  • Array
  • Boolean
  • Number
  • String
  • Function
  • Date
  • RegExp
  • Error

作用:

JS变量按照存储方式区分为哪些类型,并描述其特点

类型举例特点
值类型var a = 10 , b = true , c = “啊",d = a ;改变 d 不会影响 a
引用类型var a = {} ,b = function(){} , c = [], d = a;改变 d 会影响 a

如何理解JSON

JSON 是一个 JS 内置对象,有两个api。同时也是一种数据格式

JSON.stringify

语法:JSON.stringify (value [, replacer [, space]] )
返回值:字符串
是否影响原数据:不影响

第一个参数是 数据。
在这里插入图片描述
第二个参数可以是函数,也可以是一个数组

  • 函数:序列化过程中的每个属性都会被这个函数转化和处理。这个函数接受两个参数,一个键名,一个是属性值,函数必须针对每一个原来的属性值都要有新属性值的返回。

  • 数组:只有包含在这个数组中的属性才会被序列化到最终的JSON字符串中。只要在这个提供的数组中找不到的属性就不会被包含进去,而这个数组中存在但是源JS对象中不存在的属性会被忽略,不会报错。相当于一个筛选key的作用。

  • null:那作用上和空着一样,但是不想设置第二个参数,只是想设置第三个参数的时候,就可以设置第二个参数为null

第三个参数用于美化输出——不建议用
space:就是用什么来做分隔符的

var friend={  
 
   "firstName": "Good",
 
   "lastName": "Man",
 
   "phone":{"home":"1234567","work":["7654321","999000"]}
 
};
var friendAfter=JSON.stringify(friend);  
console.log(friendAfter);

运行结果为:
’ {“firstName”:“Good”,“lastName”:“Man”,“phone”:{“home”:“1234567”,“work”:[“7654321”,“999000”]}}’

JSON.parse

语法:JSON.parse(text [, reviver])
返回值:对象
是否影响原数据:不影响

第一个参数 即JSON字符串不是合法的字符串的话,那么这个函数会抛出错误

可选的第二个参数 这个参数必须是一个函数,这个函数作用在属性已经被解析但是还没返回前,将属性处理后再返回

举例如下:

//再将其解析出来,在第二个参数的函数中打印出key和value
JSON.parse(friendAfter,function(k,v){  
   console.log(k);
   console.log(v);
   console.log("----");
});

运行结果为:

firstName  
Good  
----
lastName  
Man  
----
home  
1234567  
----
0  
7654321  
----
1  
999000  
----
work  
[]
----
phone  
Object  
----
Object  
----

仔细看一下这些输出,可以发现这个遍历是由内而外的,这个由内而外指的是对于复合属性来说的,通俗地讲,遍历的时候,从头到尾进行遍历,如果是简单属性值(数值、字符串、布尔值和null),那么直接遍历完成,如果是遇到属性值是对象或者数组形式的,那么暂停,先遍历这个子JSON,而遍历的原则也是一样的,等这个复合属性遍历完成,那么再完成对这个属性的遍历返回。

你可以注意到上面例子最后一组输出看上去没有key,其实这个key是一个空字符串,而最后的object是最后解析完成对象,因为到了最上层,已经没有真正的属性了。

非原创,在原文基础上记录自己的心得。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值