js在项目中常用的方法有哪些?(持续更新)

1.数组去重

// 去除数组的重复成员
[...new Set(array)]

//去除字符串里面的重复字符。
[...new Set('ababbc')].join('')

2.两个数组合并为一个数组对象

var arr1 = [{
  "id": 1,
  "color": "白",
  "invStatusName": "正品",
  "bactualQty": 77,
  "brealyQty": 12,
  "bavailQty": 23
}, {
  "id": 2,
  "color": "灰",
  "invStatusName": "正品",
  "bactualQty": 11,
  "brealyQty": 6,
  "bavailQty": -5
}];

var arr2 = [{
  "price": "2399"
}, {
  "price": "999"
}];
var arr = arr1.map((item,index) => {
    return {...item, ...arr2[index]};
});
console.log(arr);

Preact是一个轻量级的JavaScript库,它在设计上与React类似,但在某些方面有所简化和优化。以下是Preact与React之间的一些主要区别: 1. **大小和复杂度**: - React: React的核心库比较大,包含了虚拟DOM、生命周期方法等功能。完整的React开发环境通常包含额外的工具和库(如ReactDOM和Redux)。 - Preact: Preact核心库更小,没有Virtual DOM的概念,这使得其运行更快,体积更小。 2. **API相似性**: - React: Preact尽量保持API与React相似,以便于学习迁移。但是,由于缺少了一些高级特性,如Context API、Hooks等,学习曲线相对较低。 3. **社区支持**: - React: 作为开源社区的主要力量,React拥有庞大的生态系统、丰富的教程和组件库。 - Preact: 社区规模相对较小,尽管有官方维护和支持,但第三方资源可能不如React丰富。 4. **性能**: - Preact: 因为没有Virtual DOM,操作真实的DOM,所以在一些特定场景下可能会比React更高效。 5. **兼容性和生态**: - React: 很成熟,对旧版本浏览器的支持较好,与许多现有的工具和框架集成良好。 - Preact: 初始设计目标是替代React而不是取代,所以虽然功能齐全,但在某些工具集的兼容性上可能存在局限。 6. **更新频率**: - React: Facebook团队持续维护并发布新版本,频繁引入新特性和改进。 - Preact: 更新节奏通常跟随React,但速度可能较慢,特别是当React发布重大变化时。 总体而言,Preact适合那些希望快速开发、注重性能、不想引入太多开销的小型项目。如果项目较大或者需要利用React的强大生态,那么React可能是更好的选择。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值