你不知道的js,持续更新

1.split函数

可以接受两个参数,第一个参数是字符串或正则表达式,从该参数指定的地方分割 stringObject;但是第二个参数并不是说限制分割次数,而是限制返回Array的最大长度,举个例子:

let a = '1,2,3,4,5,6';
a.split(',', 3);  // 返回的结果为 ["1", "2", "3"]
a.split(',', 5);  // 返回的结果为 ["1", "2", "3", "4", "5"]
a.split() //['1,2,3,4,5,6']

如果说split内没有参数值的话,就默认将整个字符串作为一个元素返回一个长度为1的Array

2.平时调试用console.log的输出结果可信吗?为什么

console.log()打印出来的内容并不是一定百分百可信的内容。一般对于基本类型number、string、boolean、null、undefined的输出是可信的。但对于Object等引用类型来说,则就会出现上述异常打印输出。
不展开对象看时,console.log()是按照代码执行顺序,同步地输出了对象当时的快照。所以我们看到的是预期的值。
展开对象时,它其实是重新去内存中读取对象的属性值,此时对象属性已被更改,所以展开对象后,可能看到的不是预期值了。

3.isNaN

isNaN方法可以用来判断一个值是否为NaN。
但是,isNaN只对数值有效,如果传入其他值,会被先Number转成数值。
所以 isNaN(“1”) 也为false,因此非数字值传入也会影响 NaN 的判断。

函数 Number.isNaN 会首先判断传入参数是否为数字,如果是数字再继续判断是否为 NaN ,这种方法对于 NaN 的判断更为准确。

4.[].sort()

传入函数,如果范围true,则会调换两个元素的位置
如果不传入参数时,会默认根据UTF-16进行排序,
let a = [2,5,9,1,3,10]
a.sort()
打印a [1, 10, 2, 3, 5, 9]

5.函数声明

let a = b =1
这个实际上是等于
b = 1 //这个声明的是一个全局变量
let a = b

6.展开运算符

[…“string”] = [‘s’,‘t’,‘r’,‘i’,‘n’,‘g’]

string 类型也是可迭代的。扩展运算符将迭代的每个字符映射成一个元素。

7.对象的定义

const obj = { a: ‘one’, b: ‘two’, a: ‘three’ }
console.log(obj) 输出是

答案:{ a: “three”, b: “two” }

如果你有两个名称相同的键,则键会被替换掉。它仍然位于原先出现的位置,但是值是最后出现那个键的值。

8.对象动态属性

我们经常碰到这样的问题,无论是在微信小程序还是React中,我们需要根据某个条件去修改某个数据

//bad
if (type === 'boy') {
  this.setData({
    boyName: name
  })
} else if (type === 'girl') {
  this.setData({
    girlName: name
  })
}
//better
this.setData({
  [`${type}Name`]: name
})
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值