JS便捷技巧

简介: JS便捷技巧

1.  JSON.stringify滤除null的属性

let baz = {
  a : 1,
  f:null,
  x:'ddd',
  b : { c : 2,d:null,e:'null' }
};
// 过滤null的值
let replacer = function (key, value) {
  return value != null ? value: undefined;
};
console.log(JSON.stringify(baz, replacer))

2.  两个对象赋值

let arra = {
    'aaa':'',
    'bbb':'',
    'ccc':''
}
let arrb = {
    'aaa':'111',
    'bbb':'222',
    'ccc':'333',
    'ddd':'444',
    'eee':'555'
}
listAssign(arra,arrb)
const listAssign = (arrA, arrB) => Object.keys(arrA).forEach(key => { arrA[key] = arrB[key] || arrA[key]});
listAssign(arra ,arrb )


目录
相关文章
|
2月前
|
监控 JavaScript 前端开发
深入了解Vue.js:构建现代前端应用的利器
【10月更文挑战第11天】深入了解Vue.js:构建现代前端应用的利器
21 0
|
6月前
|
SQL 开发框架 缓存
js代码就应该这样写才高效
js代码就应该这样写才高效
31 2
|
7月前
|
存储 JavaScript 前端开发
使用Vue.js构建交互式前端的技术探索
【5月更文挑战第12天】Vue.js是渐进式前端框架,以其简洁和强大的特性深受开发者喜爱。它聚焦视图层,采用MVVM模式实现数据与视图的双向绑定,简化开发。核心特性包括响应式数据绑定、组件化、模板系统和虚拟DOM。通过创建Vue实例、编写模板及定义方法,可以构建交互式前端,如计数器应用。Vue.js让复杂、交互式的前端开发变得更加高效和易维护。
|
资源调度 前端开发 JavaScript
Next.js 项目最佳实践
万字干货,超详细教程带你了解如何构建一个可扩展的高质量 Next.js 项目。Node.js 工程师 & 前端工程师进阶必备技能
896 0
Next.js 项目最佳实践
|
JavaScript CDN
js:Vue2.js通过CDN方式引入模板
js:Vue2.js通过CDN方式引入模板
297 0
|
CDN
Vue3.js快速开发CDN引入测试模板
Vue3.js快速开发CDN引入测试模板
452 0
|
JavaScript
Js代码高效技巧
Js代码高效技巧
|
缓存 JavaScript
JS 开发中遇到的坑
JS 开发中遇到的坑
|
JavaScript
Vue.js基础体验(一)
Vue.js基础体验(一)
84 0
|
前端开发 JavaScript 存储