JS常用方法

2023-10-30

1、删除数组中指定对象指定元素

let arr = [{
  name: "xiaowang",
  id: 1
},, {
  name: "xiaozhang",
  id: 2
}, {
  createDate: "xiaoli",
  id: 3
}]

//删除id为1的对象,其中i为index,1可选择性填写,含义为删除当前元素后的几个元素
arr.some((item, i) => {
  if (item.id === '1') {
    arr.splice(i, 1)
  }
})

2、删除数组指定元素

var arr = [1,2,3,4,5]
arr.map((val, i) => {
   if (val === 1) {
      this.caseLabel.splice(i, 1)
   }
})

3、去除重复数组对象

this.optdata = Array.from(new Set(this.optdata))

4、将两个数组合并为一个数组对象

//  第一种
for (let i = 0; i < dat.modelsType.length; i++) {
  let str = {};
  str.name = dat.modelsType[i]
  str.value = dat.modelsCount[i]
  this.chartend.push(str)
  // console.log(this.chartend)
}

//  第二种
let old = dat.modelsType.map((name, i) => ({name, value: dat.modelsCount[i] }))

var a = ['DPD', 'DHL']
var b = [97400, 97402]
var c = a.map((name, i) => ({ name, value: b[i] }))
console.log(c);

5、数组问题-添加小数点

let arr = [25, 11.2315, '', 48.1, 86.01]
for (let i = 0; i < arr.length; i++) {
    // 获取小数点的位置
    let y = String(arr[i]).indexOf(".") + 1;
    // 获取小数点后的个数
    let count = String(arr[i]).length - y;
    if (y > 0) {
       if (count === 1) {
          arr[i] += "0"
       }
    } else if (y === 0 && count !== 0) {
              arr[i] += ".00"
    }
}
console.log(arr)
let fund = [
    {htl: 650, gtl: 291}
]
let fouce =parseFloat(fund[0].gtl / fund[0].htl).toFixed(2) * 100 + "%"
console.log(fouce)

5、js只保留数组对象的某个属性

let data = [
    { id: 1, name: 'pyq' },
    { id: 2, name: 'zs' }
]
let newData = []
// 第一种办法
data.map(i => {
     newData.push(Object.assign({}, { name: i.name, }))
})
console.log(newData)

// 第二种办法
data.map((item,index) => {
    newData.push({
        value: item.name
    })
})
console.log(newData)

6、取出两个数组中相同的值

let obj
let arr = []
arr = this.hisData.filter(item => res.data.bs.some(i => item == i))
								this.hisSetData = arr

7、数组倒序排列

var array=['我','喜','欢','你'];

array.reverse();  // 输出: ["你", "欢", "喜", "我"]

8、字符串倒序排列

var string="Hello World"
var reverse=string.split("").reverse().join(""); //split()将字符串按特定的方式分割重组为一个数组   reverse()用于颠倒数组中元素的顺序join()   将数组按特定的方式重组为一个字符串
console.log(reverse);     // 输出:dlroW olleH

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

JS常用方法 的相关文章

随机推荐

  • 初识C语言函数(一)

    1 函数是什么 在计算机科学中 子程序 英语 Subroutine procedure function routine method subprogram callable unit 是一个大型程序中的某部分代码 由一个或多个语句块组成
  • a+b 的简单问题

    a b problem 添加链接描述 include
  • React Hooks学习--useReducer,useMemo和useRef

    一 useReducer function ReducerDemo const count dispatch useReducer state action gt switch action case add return state 1
  • H5 缓存机制浅析 - 移动端 Web 加载性能优化

    腾讯 Bugly 特约作者 贺辉超 1 H5 缓存机制介绍 H5 即 HTML5 是新一代的 HTML 标准 加入很多新的特性 离线存储 也可称为缓存机制 是其中一个非常重要的特性 H5 引入的离线存储 这意味着 web 应用可进行缓存 并
  • U盘产生快捷方式病毒

    u盘不小心染了病毒 文件都变成了快捷方式 真实的源文件都变成了隐藏文件 看着这么多快捷方式真是不开心 这个病毒的机制也很简单 它在u盘里放了一个survival vbe文件 就感染了u盘 然后在电脑的c盘放两个survival vbe文件
  • SSH使用篇:Windows登录Ubuntu虚拟机&设置免密登录

    目录 一 ssh的安装与启动 1 安装 2 启动服务器的SSH服务 二 口令登录 1 登录命令 2 验证过程 3 登录失败 1 服务器变更 2 服务器IP变化 三 免密登录 公钥登录 大致的三步 0 准备工作 不一定要弄 1 客户端生成公私
  • 【java】获取属性名工具

    背景 在编码时经常会用到同名的属性名字符串 比如 用相同的属性名做为 map 中的键 在 mybatis 中 根据属性名的下划线字符串来拼接 sql 查询条件 需要修改属性名时 如果是用字符串硬编码的 引用的地方越多 修改越困难 但是如果用
  • 某团面试题:JVM 堆内存溢出后,其他线程是否可继续工作?

    转载注明 http dwz win gHc最近网上出现一个美团面试题 一个线程OOM后 其他线程还能运行吗 我看网上出现了很多不靠谱的答案 这道题其实很有难度 涉及的知识点有jvm内存分配 作用域 gc等 不是简单的是与否的问题 由于题目中
  • 向日葵远程控制端 for Mac

    向日葵远程控制端 for Mac是Mac平台上一款免费的远程桌面控制软件 向日葵远程控制软件免费版支持Mac OS X 10 10 3以上系统 相比客户端的向日葵远程软件 这款控制端功能更加齐全 向日葵客户端仅支持远程桌面 而向日葵控制端则
  • 虚拟主机也是虚拟服务器,虚拟主机和云主机之间的区别是什么

    其实在云计算不断发展的今天 虚拟主机和云主机之间的竞争 也越来越强烈了 此时不少人问虚拟主机和云主机之间的区别是什么 小编表示目前云主机在市场的应用中的优势越来越明显了 很多个人站长和企业们 也都是会使用云主机 因此大家就不妨看看虚拟主机和
  • MIPI CSI接口调试方法: data rate计算

    mipi DPHY 的规格书里对 data rate 有定义上下限值 最低 data rate为 80M bps 最高为 2500M bps 由于mipi 传输时是双采样 这样的话 实际的差分时钟的上下限就是 40MHz 1250 MHz
  • mac 安装adb工具

    1 安装homebrew 在终端输入下面的命令 ruby e curl fsSL https raw githubusercontent com Homebrew install master install 2 安装adb brew in
  • conda install & pip install区别 & 查看当前环境下包的情况

    conda可以方便开发管理python环境 包可以conda 安装有时使用pip整理一下不同点 conda 创建环境 conda create name a conda env python 3 6 名为a conda env python
  • SVG图标配置

    在开发项目的时候我们经常会用到svg矢量图 而且我们使用SVG以后 页面上加载的不再是图片资源 这对页面性能来说也是个很大的提升 项目背景 vue3 vite ts 安装依赖 npm install vite plugin svg icon
  • 202320读书笔记|《宋词》——竹杖芒鞋轻胜马,谁怕?一蓑烟雨任平生

    202320读书笔记 宋词 竹杖芒鞋轻胜马 谁怕 一蓑烟雨任平生 宋词 韩震主编 偶然从书友那加入书架的书 宋词挺喜欢李清照的词以及知否的 菩萨蛮 诗集 词 俳句 短歌我都很喜欢 是轻松有趣又简短的 这本书里有一些是上学时候背过的 看到的时
  • log4j2 入门学习与总结

    log4j2 2 3 入门学习与总结 大纲 log4j2 配置文件加载 log4j2 配置文件结构图 log4j2 配置文件说明 log4j2 Appenders child Filter ThresholdFilter 的使用 log4j
  • 【云原生之K8S】Yaml文件详解

    目录 一 K8S支持的文件格式 1 1 yaml和json的主要区别 二 YAML 2 1 查看API资源版本标签 2 2 编写资源配置清单 编写nginx test yaml资源配置清单 创建资源对象 查看创建的pod资源 2 3 创建s
  • C++中的适配器

    C primer中关于适配器的定义 适配器 adaptor 是使一种事物的行为类似于另外一事物的行为的一种机制 这个定义初学时觉得好抽象 为了理解C 中的适配器 不妨先了解物理上的适配器 物理上的适配器就是一个接口转换器 它可以是一个独立的
  • 我如何搞懂Javascript系列之原型和原型链

    理解原型 JavaScript 常被描述为一种基于原型的语言 每个对象拥有一个原型对象 对象以其原型为模板 从原型继承方法和属性 原型对象也可能拥有原型 并从中继承方法和属性 一层一层 以此类推 这种关系常被称为原型链 构造函数创建对象 J
  • JS常用方法

    1 删除数组中指定对象指定元素 let arr name xiaowang id 1 name xiaozhang id 2 createDate xiaoli id 3 删除id为1的对象 其中i为index 1可选择性填写 含义为删除当