Vue中使用Lodash

前言

在平时涉及到深拷贝中出现了嵌套对象,会发现JSON.parse(JSON.stringify(obj1))已经不能满足咱们需求了那就可以采用利用lodash中的_.cloneDeep进行深拷贝,
除此之外可以深拷贝 & 数组-深拷贝、去重、提取相同元素、切分、去除假值、查找、过滤、key的值数组、最值等方法
在这里插入图片描述

安装Lodash

npm i --save lodash

npm install --save @types/lodash

引用方法

// 深拷贝 & 数组-深拷贝、去重、提取相同元素、切分、去除假值、查找、过滤、key的值数组、最值
import {
    cloneDeep, uniq, uniqWith, isEqual, chunk, compact, reject, find, filter, map, max, min, sum, intersection } from 'lodash'

vue中使用

1、cloneDeep 深拷贝

    // Vue中使用Lodash
    const oldList = [{
    a: 1 }, {
    b: 2 }]
    const newList = cloneDeep(oldList)
    console.log('深拷贝后的数组', newList)
    console.log(oldList[0] === newList[0])

在这里插入图片描述

2、uniq 数组去重

    const arr = [1, 1, 2, 3, 3, 4]
    const ary = 

相关推荐

  1. vue使用lodash的debounce防抖函数

    2024-03-21 19:54:02       60 阅读
  2. lodash 使用

    2024-03-21 19:54:02       35 阅读
  3. React使用 lodash-es 的throttle方法失效

    2024-03-21 19:54:02       33 阅读
  4. 使用lodash防抖节流

    2024-03-21 19:54:02       51 阅读
  5. 【React】使用lodash的debounce未生效

    2024-03-21 19:54:02       61 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-03-21 19:54:02       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-03-21 19:54:02       100 阅读
  3. 在Django里面运行非项目文件

    2024-03-21 19:54:02       82 阅读
  4. Python语言-面向对象

    2024-03-21 19:54:02       91 阅读

热门阅读

  1. CSS常见选择器

    2024-03-21 19:54:02       46 阅读
  2. Linux/Ubuntu/Debian的终端中&和&&的区别

    2024-03-21 19:54:02       39 阅读
  3. C++认识及域的概念

    2024-03-21 19:54:02       44 阅读
  4. python与excel第四节 批量新增、删除工作表

    2024-03-21 19:54:02       45 阅读
  5. GIS插值算法--克里金插值算法

    2024-03-21 19:54:02       38 阅读
  6. REINFORCE算法

    2024-03-21 19:54:02       36 阅读
  7. Acwing1113. 红与黑

    2024-03-21 19:54:02       47 阅读
  8. OSDI 2023

    2024-03-21 19:54:02       43 阅读