JavaScript
js技术栈
一个橙子呀
悄悄拔尖 惊艳所有人
展开
-
最简单的js去除首尾空格
function trimStr(str){ return str.replace(/(^\s*)|(\s*$)/g,"");}a = ' runoob 'console.log(trimStr(a));原创 2021-09-01 14:27:59 · 1821 阅读 · 0 评论 -
循环删除数组的某一项
点击删除,将数组的对应的一项删除 // 点击删除 deleteBtn(id) { //当前点击的id值 let len = this.alreadySelectEquipment;//data中保存的数组 for (let i = 0; i < len.length; i++) { if (len[i].id == id) { len.splice(i, 1); } } },.原创 2021-07-22 18:33:54 · 548 阅读 · 0 评论 -
数组遍历的几种方法及用法
一.for循环for(let i = 0;i<arr.length;i++){ console.log(arr[i]) }二.forEach方法forEach是最简单、最常用的数组遍历方法,它提供一个回调函数,可用于处理数组的每一个元素,默认没有返回值.不能使用return中止循环.使用break中止循环会报错以上是个简单的例子,计算出数组中大于等于3的元素的个数。回调函数的参数,第一个是处于当前循环的元素,第二个是该元素下标,第三个是数组本身。三个参数均可选。原创 2021-07-05 17:37:41 · 21321 阅读 · 2 评论 -
JS中window.open()与window.location.href的区别
window.open(“url”); 表示在新的窗口打开这个页面,并不是打开并刷新urlwindow.location.href=“url”; 表示重新定向到当前页面(在当前页面打开),同时刷新打开的这个页面;原创 2020-12-08 17:29:13 · 337 阅读 · 0 评论 -
JS如何截取两个字符之间的字符(文字)
let address = "广东省深圳市福田区福田街道华强南路五邑大厦"; console.log(address); address = address.substring( address.indexOf("省") + 1, address.indexOf("市") + 1); console.log(address);效果也有可能遇到以下这种情况:我只想截取pdf字符串“http://testshx.oss-cn-beij.原创 2020-12-08 17:11:30 · 6879 阅读 · 1 评论 -
js截取逗号(符号可变)前/后的字符串
项目开发经常会遇到截取字符串的情况,下面是用split方法来截取,符号以逗号为例,符号可任意改变,看开发需求1. 截取逗号以前的字符串//截取逗号前的字符串var str="1001,1";console.log(str.split(',')[0])//打印结果为:10012. 截取逗号以后的字符串//截取逗号后的字符串var str="1001,1";console.log(str.split(',')[1])//打印结果为:1...原创 2020-08-06 10:18:48 · 15566 阅读 · 2 评论 -
js实现tab标题栏切换之内容的显示及隐藏
介绍一下需求,点击tab栏切换标题,对应下面的内容跟随标题栏的内容而改变,同时为tab文字动态的加class样式技术要点:tab切换动态加样式tab切换下面内容跟着切换首先是html代码,写三元表达式,tab栏点击谁为谁添加class类名,给每个点击事件传一个参数当做唯一标识HTML代码: <div class="customer_title"> <div @click="tabtitle(1)" :class="index==1?'cu_styl...原创 2020-07-16 18:44:00 · 2137 阅读 · 0 评论 -
js截取身份证号码中的生日并与出生日期双向绑定
要实现这样一个功能,先给身份证号码进行校验,当身份证输入正确之后,js截取号码中的生气,当鼠标移出输入框的时候,出生日期自动渲染,要实现其实很简单,直接上代码:单单只想截取出身份证号码中的生日可以这样写就可以实现啦下面的判断分为一代身份证15位,二代身份证18位,现在大部分使用的都是18位吧,但也做了相应的判断,直接调用即可getBirth_date : function(idCard) { var birthday = ""; if(idCard !.原创 2020-06-30 16:14:13 · 5683 阅读 · 0 评论 -
js去除前后空字符串及特殊字符
我以下代码是写在main.js中的,全局生效//去除前后空格及特殊字符方法function Trim(str) { //由于一开始不是字符串就会报错,首先要先转化为字符串一下 var strs=str.toString() //去除前后空格的正则表达式 strs= strs.replace(/^\s+|\s+$/gm,''); //去除特殊字符的正则表达式(全),也可以去选择自己想要去除的特殊符号进行改动 strs=strs.replace(/[`~!@#$%^&*()_.原创 2020-07-01 16:00:48 · 2811 阅读 · 0 评论 -
js操作数组的11个方法(详解)
1:concat()连接两个或更多的数组的方法(不修改原数组)var arr1 = [1,2,3];var arr2 = [4,5,6];var newarr = arr1.concat(arr2)console.log(newarr)示例:2:join()用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。返回一个字符串。该字符串是通过把 arrayObject 的每个元素转换为字符串,然后把这些字符串连接起来,在两个元素之间插入separator 字符串而生成的原创 2020-06-15 18:06:05 · 3738 阅读 · 0 评论 -
js的数据类型有哪些(全)
数据类型 就是我可以了解到的是描述数据的类型js基本的数据类型 :数字类型,字符串型,布尔型,undefined,null ,对象类型,数组1、数字类型(Number)只有一种数字类型,数字 可以是小数 ,也可以的整数以0开头 默认使用8进制来表示我的这个数字以0x开头 默认使用16进制来表述我的这个数字如果以-开头 默认以负数如果我带有e:以科学计数法来解析我的这个数字2、字符串型(string)字符串是存储字符的变量,用来表示文本的数据类型,程序中的字符串是包含单引号/双引号的,由单引原创 2020-06-15 16:21:08 · 2829 阅读 · 0 评论 -
关于toFixed()保留两位小数--四舍五入不精确 问题解决
近期用到小数点保留两位 使用toFixed() 发现不太精确例如10.125 保留两位后 为10.13但使用 var num = 10.125; num.toFixed(2) 返回的结果为10.12 经测试发现大于5会进1 等于5并不会进1解决办法 写个公共方法 需要时候 调用即可示例:根据自己需要酌情处理:我是写在main.js中,仅供参考:Vue.prototype.fixed = function (num) { var times = Math.pow(10, 2); va原创 2020-06-15 15:51:48 · 4822 阅读 · 0 评论 -
给一个js对象新增键值对的方法--前端
如果有一个对象,想在向对象里新增一个键值对,应该怎么办呢?var obj = { id: i, name: 'name_' , };新增键值对的方法:obj['age'] = "13"这样就新增完成啦原创 2020-06-12 13:51:50 · 11155 阅读 · 1 评论 -
js清空input file的value值
在做上传本地图片的功能时遇到一个问题,第一次点file按钮选择图片完成会触发onchange事件,第二次如果选择相同的图片文件上传,则不会触发onchange事件,原因是:因为选择的文件两次的路径值相同,值没有改变,所以导致file不会触发onchange事件,因此就想到一个解决办法,需要每次创建完img后重置file的value来解决这个问题。解决方法一:每次创建完img后把file的value值重置为空字符串注意:浏览器的安全机制不允许直接用js修改file的value为空字符串以外的值,强制.原创 2020-06-11 17:38:10 · 2812 阅读 · 0 评论 -
js中 type of 的用法(详细)
js是一门弱语言,它在声明变量时无需确定变量的类型,js在运行时会自动判断。那么如何判断一个变量的类型呢,js提供了typeof运算符,用来检测一个变量的类型。1. typeof的语法:typeof是一个运算符,有2种使用方式:typeof(表达式)和typeof 变量名,第一种是对表达式做运算,第二种是对变量做运算。2. typeof的返回值:typeof运算符的返回类型为字符串,值包括如下几种: 1. 'undefined' --未定义的变量或值 .原创 2020-06-09 14:39:22 · 56634 阅读 · 0 评论 -
js实现循环遍历数组,替换数组中的字段名
使用map方法,贼简单,当时搞了好久,后来看到一位小姐姐写的就实现了,贼开心,自己做下记录:新数组名 = 旧数组名.map(iterator => { return { 新字段名1: iterator.旧字段名1 新字段名2: iterator.旧字段名2 }}) 试试很简单,举个例子:...原创 2020-06-05 22:17:27 · 2688 阅读 · 0 评论 -
js实现导入的excel表格数据,并读取内容渲染到Table表格上
html我是使用了element-ui中的组件,可拖拽上传功能: <!-- 弹窗 --> <div class="darkBoxs" v-if="copyflag"> <div class="main"> <div class="top"> <span>导入订单明细</span> <i class="el-icon-close right" @cl原创 2020-06-05 18:09:02 · 4106 阅读 · 5 评论 -
js实现拼接一个以逗号隔开的字符串
前言:拼接一个以逗号隔开的字符串,并删除最后一个逗号,代码如下: var id = '' for(var i=0;i<this.chooseList.length;i++){ id+= this.chooseList[i].admin_id + ',' } id= id.substring(0,id.length - 1)传给后端的字段格式是以下这样,代码如下: data () { ret.原创 2020-05-26 17:18:06 · 10143 阅读 · 0 评论 -
js中比较两个对象是否相同的方法(详细)
本文实例讲述了js中比较两个对象是否相同的方法。分享给大家供大家参考,具体代码如下,如有需要可直接复制使用,亲测有效:js代码: data() { return { old: {}, //定义一个装旧数据的对象 flag1: false,//定义一个开关,判断是否一样的唯一标识 }, }; //把装旧表单数据装在一个对象里 this.old = { name: "柠檬", phone: 123456, //手机原创 2020-05-26 12:04:38 · 2454 阅读 · 3 评论 -
Excel文档导出-后端返回文件流,前端实现下载功能
最近在做项目的时候遇到Excel导出功能,后端返回的是文件流,前端如何实现下载功能,以下是项目用的源码,有需要可直接复制使用: // 导出 exporttable() { this.axios({ method: "get", url: this.baseUrls + "api/pcadmin/hr/entry/export", responseType: "blob", }) .then((response)原创 2020-05-26 11:36:28 · 5712 阅读 · 3 评论 -
js中截取文件的后缀名方法
方法如下代码:var address= "http://2020-4-25/cn/62888.jpg";var fileName = address.substring(address.lastIndexOf('.') + 1);做项目中用到的判断记录一下: golook(row) { console.log(row); if (row.template_path...原创 2020-04-30 18:39:41 · 376 阅读 · 0 评论 -
js中比较两个对象是否相同的方法
在做vue项目中,在编辑表单的时候要判断用户是否修改过表单,如果没修改点击保存,就不去调接口,如果用户修改了内容,按保存按钮的时候要重新请求接口:data中: data() { return { old1: {}, //定义一个装个人信息表单旧数据的对象 }; },created中: created() { //把装旧表单数据装在一个对象里 ...原创 2020-04-29 17:16:13 · 560 阅读 · 0 评论 -
js中如何截取小数点后两位数字
用Javascript取float型小数点后两位,例28.127536取成28.13,如何做?方法一:function get(){ var s = 22.127456 + ""; var str = s.substring(0,s.indexOf(".") + 3); alert(str);} 方法二:<script type="text/javasc...原创 2020-04-01 12:54:19 · 2196 阅读 · 0 评论 -
js数组去重最简单的两种方法
数组去重—Set方法<script> arr=[1,1,2,2,3,3,4,4] let res=new Set(arr) console.log(res); // 直接打印res的话,没有得到最后想要的数组 // 可以用下面的方式将其展开,得到一个数组 // console.log(...原创 2020-01-17 14:38:49 · 2091 阅读 · 0 评论