js
浮生666
只为代码更简洁,向更好,更快的方向发展。
展开
-
js 数组对象获取某个属性集合怎么处理?
let arr = [ { a: "张三1", b: "李四1", c: "王五1" }, { a: "张三2", b: "李四2", c: "王五2" }, { a: "张三3", b: "李四3", c: "王五3" }, ]; let newArr = arr.map(item => item.a) console.log(..原创 2022-04-06 11:09:20 · 669 阅读 · 0 评论 -
vue 隔代传值provide/inject方法如何使用?(响应式)
vue 组件传值的方法有很多,但是项目中有些时候需要隔代传值,例如从曾祖父代网曾孙子代传值,普通的父子传值就比较麻烦,而使用vuex又不太划算,那么这个时候可以使用provide/inject方法;可以隔很多代往下传,但是必须是从上往下传代码如下所示:爷爷组件代码如下:<template> <div class="home"> <button @click="tap">爷爷组件传值</button> <child1><原创 2022-03-03 15:57:07 · 943 阅读 · 0 评论 -
element 中如何利用递归函数将一层结构数据组装为树形结构数据?
使用element 中Tree 树形控件时,有时候后端接口没有返回嵌套好的树形结构,而是返回一级的数据源,那我们前端该如何处理呢?重点是调用filters递归函数,代码如下所示:<!DOCTYPE html><html><head> <!-- 引入样式 --> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"&原创 2021-09-15 12:48:44 · 575 阅读 · 0 评论 -
js对象赋值,只把相同key赋值给另一个对象怎么做?
let obj = { name: "张三", age: "20"}let newObj = { name: "李四", age: "30", id: "4"}Object.keys(obj).forEach((key) => { obj[key] = newObj[key];});console.log(obj); //obj打印结果为如下:{ name: "李四", age: "30"}...原创 2021-09-13 10:33:36 · 1218 阅读 · 0 评论 -
js中for循环中使用var和let的区别是什么?
varfor (var i = 0; i < 10; i++) { setTimeout(() => { console.log(i); //输出10个10 }, 1000);}以上代码var i = 0; 相当于声明了一个全局变量;每次改变都是改变同一个全局变量i,后面声明的会覆盖前面声明的全局变量;当循环结束后,i自然等于10,所以10个定时器中打印都为10;以下例子也说明了这个问题:{ var i = 0; setT原创 2021-08-10 14:21:20 · 776 阅读 · 3 评论 -
js数组方法filter方法中返回true的妙用
如果我们遍历数组,并对数组中的数据进行过滤处理,然后想得到新的数组,那么我们可以这样写let arr = [ { age: 10, name: "张三" }, { age: 20, name: "李四" } ] let newArr = arr.filter((item) => { if (item.age原创 2021-08-10 09:32:18 · 3268 阅读 · 1 评论 -
模拟实现百度搜索框
<!doctype html><html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width"> <t原创 2020-11-27 10:56:18 · 721 阅读 · 0 评论 -
回调函数、promise、async/await的同步写法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <title>回调函数、Promise到async/await的同步写法执行异步代原创 2020-11-23 15:02:13 · 340 阅读 · 0 评论 -
js 对象循环遍历方法以及字符串过滤方法
前言:对象循环遍历的方法和字符串过滤方法有很多,而我喜欢用以下方式,代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <ti原创 2020-11-19 10:04:48 · 934 阅读 · 0 评论 -
js如何删除一个数组中重复的所有对象?
js删除一个数组中重复的所有对象(不是去重)思路如下:1、首先把原始数组赋值给一个新数组newArr,然后循环两个数组,当属性值完全相同时,记录count计数器的大小;2、判断count是否大于1,大于1说明重复;3、删除重复对象,索引集合为indexArr,记得每次删除,索引减一,因为每次删除,newArr数组都会改变代码如下:<!DOCTYPE html><html> <head> <meta charset="utf-8"> &l原创 2020-09-18 22:57:47 · 4683 阅读 · 0 评论 -
JS 对象解构赋值
结构赋值:顾名思义,就是先把对象结构拆开,然后再获取到属性值,把值赋值给变量使用,例子如下:<html><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width,initial-scale=1.0" /> <title>js对象结构赋值</title></head><body&g原创 2021-07-29 10:33:09 · 3276 阅读 · 0 评论