随笔分类 -  实用的JavaScript技巧

实用的JavaScript技巧,提高代码编写质量
摘要:1. ES6 1.1 let变量声明以及声明特性 声明变量 let a; let b, c, e; let f = 100, g = "红石榴21", h = []; 特性: 变量不能重复声明 let start = "许巍"; let start = "刀郎"; // 报错 块级作用域 全局、函数 阅读全文
posted @ 2023-09-10 17:34 红石榴21 阅读(179) 评论(0) 推荐(0) 编辑
摘要:需求:递归查询数组中id对应的数据 Json数据格式: 1 let cityArr = [ 2 { 3 id: 1000, 4 name: '四川省', 5 children: [ 6 { 7 id: 1100, 8 name: '成都市', 9 children: [ 10 { id: 1101, 阅读全文
posted @ 2023-07-06 11:27 红石榴21 阅读(373) 评论(0) 推荐(0) 编辑
摘要:一、map的第一种使用场景 需求:我们想得到对象数组中指定的两组或多组key和value值。 如下图: 下面是一段JSON数据结构 { "code":0, "msg":null, "data":[ { "processDetailId":1381753495314433, "processId":1 阅读全文
posted @ 2023-06-21 10:27 红石榴21 阅读(370) 评论(0) 推荐(0) 编辑
摘要:// ?name='?post=1111&action=add" 1 var urlParams = new URLSearchParams(window.location.search); 2 console.log(urlParams.has('post')); // true 3 consol 阅读全文
posted @ 2019-07-31 13:36 红石榴21 阅读(147) 评论(0) 推荐(0) 编辑
摘要:方法 一、ES6扩展运算符 const summary = {...person, ...tools, ...attributes}; console.log(summary); 输出结果: 二、Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目 阅读全文
posted @ 2019-07-31 13:19 红石榴21 阅读(1395) 评论(0) 推荐(0) 编辑
摘要:我们可以使用对象字面量{}来创建空对象,但这样创建的对象有隐式原型__proto__和一些对象方法比如常见的hasOwnProperty,下面这个方法可以创建一个纯对象。 一、创建空对象 栗子: let dict = Object.create(null); console.log(dict); / 阅读全文
posted @ 2019-07-31 13:12 红石榴21 阅读(176) 评论(0) 推荐(0) 编辑
摘要:洗掉数组中一些无用的值,如0, undefined, null, false等 var myArray = [1, 2, 0, undefined, null, false]; const arr = myArray.filter(Boolean); console.log(arr); // [1, 阅读全文
posted @ 2019-07-31 13:05 红石榴21 阅读(121) 评论(0) 推荐(0) 编辑
摘要:1 var arr = [1, 2, 3, 3]; 2 var newArr = [], obj = {}, tmp = []; 方法一 const i = [...new Set(arr)]; console.log("方法一"); console.log(arr); // [1, 2, 3, 3 阅读全文
posted @ 2019-07-31 10:41 红石榴21 阅读(107) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示