javascript操作数据
关注
分享
扫一扫
数组，对象，字符串，数字的操作方法
南朝听月
A ship in harbor is safe, but that is not what ships are built for.
展开
-
从一个对象上删除属性，删除一个对象上的属性
newTarget是剩余属性的收集器，它将target对象中除了propertyToRemove以外的所有属性复制到新对象newTarget中。最后，函数返回新的对象newTarget，该对象包含了原始对象target中除了propertyToRemove之外的所有属性。例如，如果调用removeProperty({a: 1, b: 2}, ‘b’)，则输出为’b’，并返回一个新对象{a: 1}。这个函数的功能是从一个对象中移除指定的属性，并返回一个新的对象。原创 2024-09-30 17:30:00 · 659 阅读 · 0 评论 -
时区转换，将返回的时区转换为目标的时区
背景：服务返回带时区的是ISO 8601时间：2020-01-01T21:30:03+08:00。此时需要将这个时间转换为客户端的时区时间。2、转换为utc时间，utc:世界协调时，以英国格林威治时间为准（零时区时间），utc时间和北京时间相差8小时；原创 2024-08-26 22:40:17 · 410 阅读 · 0 评论 -
js强大的运算符：??、??=
js中强大的运算符。原创 2024-05-08 11:14:59 · 1016 阅读 · 0 评论 -
循环的大数量级性能尝试，for循环速度和性能，map循环速度和性能，set循环速度和性能
【代码】循环的大数量级性能尝试，for循环速度和性能，map循环速度和性能，set循环速度和性能。原创 2023-03-31 17:24:05 · 208 阅读 · 0 评论 -
判断数字是否为整数
判断数字是否为整数原创 2022-12-06 11:23:44 · 307 阅读 · 0 评论 -
map会映射包含 undefined 的数组，数组的map方法
map会映射包含 undefined 的数组，数组的map方法原创 2022-11-15 19:50:45 · 296 阅读 · 0 评论 -
两数组差异项
两数组差异项原创 2022-11-07 13:52:45 · 759 阅读 · 0 评论 -
倒计时工具函数
倒计时工具函数原创 2022-11-04 14:28:00 · 219 阅读 · 0 评论 -
Object.assign可以合并具有相同属性的对象，对象去重
Object.assign可以合并具有相同属性的对象，对象去重原创 2022-09-27 20:50:42 · 663 阅读 · 0 评论 -
递归注意事项
递归注意事项原创 2022-09-04 09:48:15 · 163 阅读 · 0 评论 -
filter，every，some
filter，every，some原创 2022-07-08 18:48:32 · 148 阅读 · 0 评论 -
将秒数转换为**小时**分钟
将秒数转换为**小时**分钟原创 2022-06-29 09:04:37 · 488 阅读 · 0 评论 -
最近7天，最近10天，最近90天时间处理逻辑
最近7天，最近10天，最近90天时间处理逻辑原创 2022-06-09 16:42:37 · 218 阅读 · 0 评论 -
+false，+true
隐式转换为number类型：console.log(+false) // 0console.log(+true) // 1原创 2022-04-15 17:06:53 · 166 阅读 · 0 评论 -
js中获得当前时间是年份和月份，Date实例身上的一些方法，日期的一些常用方法
js中获得当前时间是年份和月份，Date实例身上的一些方法，日期的一些常用方法原创 2022-02-19 22:43:16 · 743 阅读 · 0 评论 -
js常用的Math方法汇总，js中Math方法汇总，Math方法汇总，常用Math方法汇总
js常用的Math方法汇总，js中Math方法汇总，Math方法汇总，常用Math方法汇总原创 2022-02-18 23:53:07 · 387 阅读 · 0 评论 -
JS中运算符i++与++i的详细分析，i++与++i
JS中运算符i++与++i的详细分析，i++与++i原创 2022-02-15 10:27:27 · 3014 阅读 · 0 评论 -
可选链路操作符(?.)在数组上的运用
可选链路操作符(?.)在数组上的运用原创 2022-01-10 17:47:35 · 1542 阅读 · 0 评论 -
数组值为空的几种方案，数组清空几种方案
数组值为空的几种方案原创 2022-01-07 10:53:30 · 2230 阅读 · 0 评论 -
字符串转换为数据，Array.from
Array.from()方法对一个类似数组或可迭代对象创建一个新的，浅拷贝的数组实例。原创 2021-12-23 22:34:28 · 140 阅读 · 0 评论 -
三元运算符其实就是if，else的简写，三元运算符可以’不作为‘
三元运算符其实就是if，else的简写，三元运算符可以’不作为‘原创 2021-12-23 22:24:08 · 322 阅读 · 0 评论 -
forEach从老都不会改变原数组，他就是一个for循环的简写
forEach从老都不会改变原数组，他就是一个for循环的简写原创 2021-12-23 21:58:29 · 177 阅读 · 0 评论 -
年月日转换为标准时间
年月日转换为标准时间原创 2021-12-23 10:32:55 · 931 阅读 · 0 评论 -
break和continue区别，continue跳出本次循环，break跳出整个循环
break和continue区别，continue跳出本次循环，break跳出整个循环原创 2021-12-21 22:28:14 · 369 阅读 · 0 评论 -
2021年12月21日转换为2021-12-21，年月日转换为---
2021年12月21日转换为2021-12-21，年月日转换为---原创 2021-12-21 17:10:32 · 1039 阅读 · 0 评论 -
对象的动态属性写法，[]，中括号获取对象属性，[method.toLowerCase() === ‘get‘ ? ‘params‘ : ‘data‘]: submitData，中括号里可以写js表达式
对象的动态属性写法，[]，中括号获取对象属性，[method.toLowerCase() === 'get' ? 'params' : 'data']: submitData原创 2021-12-17 10:29:05 · 531 阅读 · 0 评论 -
startsWith、操作字符串的方法
startsWith()方法用来判断当前字符串是否是以另外一个给定的子字符串“开头”的，根据判断结果返回 true 或 false。参数:str.startsWith(searchString [, position]);searchString --> 要搜索的子字符串。position --> 在 str 中搜索 searchString 的开始位置，默认值为 0，也就是真正的字符串开头处。示例:var str = "To be, or not to be, th原创 2021-12-01 16:02:21 · 635 阅读 · 0 评论 -
运算符号优先级
const isHiden = openType === 'more' || openType === '';原创 2021-11-29 15:29:39 · 174 阅读 · 0 评论 -
模板字符串
经常性的需要拼接字符串普通做法：const toto = 'toto'const message = 'hello from ' + toto + '!' // hello from toto!缺点： 很麻烦，关键是还不能换行优雅做法：const toto = 'toto'const message = `hello from ${toto}!` // hello from toto!...原创 2021-11-23 16:53:01 · 85 阅读 · 0 评论 -
仅当对象存在时才向其添加属性，&&，...
有时，如果对象已经定义了属性，我们需要向对象添加属性，我们可能会这样写：const toto = { name: 'toto' }const other = { other: 'other' }// The condition is not importantconst condition = trueif (condition) { other.name = toto.name }可以用一些更优雅的东西!|| 经常用于赋值 && 经常执行后续代码可以看到原创 2021-11-23 16:41:52 · 141 阅读 · 0 评论 -
删除一个对象的属性、delete
从一个对象中 delete一个属性是非常不好的（性能不好），此外，它还会产生很多副作用。解决方案1、利用对象的结构语法，代码如下const removeProperty = (target, propertyToRemove) => { const { [propertyToRemove]: _, ...newTarget } = target; return newTarget;};const toto = { a: 55, b: 66 };const totoWithoutB原创 2021-11-23 16:28:32 · 320 阅读 · 0 评论 -
三元运算符、三目运算符、判断四层、判断多层
<div class="index" :class="row.data.index == 01 ? 'first' : (row.data.index == 02 ? 'second':(row.data.index == 03 ? 'third':'normal'))" > {{row.data.index}} </div>原创 2021-11-03 11:01:08 · 900 阅读 · 0 评论 -
Array(100).fill(‘react‘)
创建了长度为100，并且每一项内容为react的数组const arr = Array(100).fill('react')原创 2021-10-11 11:25:34 · 356 阅读 · 0 评论 -
处理数据格式，获取城市首字母按顺序排
注意一点： 遍历对象没有顺序，遍历数组是有顺序的// 数据格式化方法const formatCityData = (list) => { const cityList = {}; // 1、遍历 list.forEach( item => { // 2、拿到首字母 const first = item.short.slice(0,1) if (cityList[first]) { // 3、如果有就直接push进去 cityList[原创 2021-10-09 15:23:43 · 243 阅读 · 0 评论 -
hasOwnProperty()
hasOwnProperty() 方法会返回一个布尔值，指示对象自身属性中是否具有指定的属性（也就是，是否有指定的键）const object1 = {};object1.property1 = 42;console.log(object1.hasOwnProperty('property1'));// expected output: trueconsole.log(object1.hasOwnProperty('toString'));// expected output: false原创 2021-09-29 16:35:14 · 109 阅读 · 0 评论 -
原生js访问事件对象的方式
要想给一个dom元素注册同一个事件多次，只能使用addEventListener（）原生js访问事件的方式以下三种addEventListener（）取消事件就用removeEventListener（）。ele.onclick取消事件就用ele.onclick = null<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equ.原创 2021-09-28 12:04:23 · 306 阅读 · 0 评论 -
判断数据类型
JavaScript 中常见的几种数据类型：基本类型：string,number,boolean特殊类型：undefined,null引用类型：Object,Function,Function,Array,Date,…typeoftypeof 返回一个表示数据类型的字符串，返回结果包括：number、boolean、string、object、undefined、function等6种数据类型。如果是判断一个基本的类型用typeof就是可以的。typeof 可以对JS基础数据类型做出准确的判原创 2021-09-23 15:34:12 · 201 阅读 · 0 评论 -
javascript中with语句的用法
let obj = { a:"aa", b:"bb", c:"cc"}而提到对象，我们要获取它中的属性值，可以使用如下方法：// 一：let a = obj.a//二：let b = ojb["b"]好吧，这不是今天要说的重点。我们知道，我们取出对象中的每一个属性值，我们都需要obj…，这样无形中会输入很多次obj，那么我们如何简单的获取到它的属性值呢。一起来看看吧。1、常规的方法：var a = obj.a;var b = obj.b;var c =原创 2021-09-23 11:02:02 · 478 阅读 · 0 评论 -
decodeURI方法，中文乱码转换为汉字, 将url地址中的乱码转换为正常的
330109104001&cunName=%E9%B9%BF%E9%B8%A3%E7%A4%BE%E5%8C%BAdecodeURI('%E9%B9%BF%E9%B8%A3%E7%A4%BE%E5%8C%BA') //可以将其转化为汉字原创 2021-09-20 22:43:48 · 2214 阅读 · 0 评论 -
声明多个变量
声明多个变量：声明了divs并且赋了值，声明了i和div，不过没有赋值。var divs = document.getElementByTagName("div") , i , div;for (i=0;i<divs.length;i++) {}原创 2021-09-01 18:28:17 · 349 阅读 · 0 评论