常用js效果

特殊格式
JSON字符串转数组

let temp = '[{"id": 1, "title": "6期"}, {"id": 2, "title": "12期"}]'
JSON.parse(temp.replace(/\'/g,"\""))

时间戳参数

//一天
3600*1000*24
//上一天
new Date().getTime() - 3600 * 1000 * 24)
//下一天
new Date().getTime() + 3600 * 1000 * 24)

往数组中间插入元素

//在数组指定位置插入
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");
//输出结果
//Banana, Orange, Lemon, Kiwi, Apple, Mango
 
 
//在数组开头插入
var shuiguo = ["Banana", "Orange", "Apple", "Mango"];
shuiguo.splice(0, 0, "Lemon");
//输出结果
//Lemon, Banana, Orange, Apple, Mango

语法
array.splice(index,howmany,item1,…,itemX)

参数描述
index必需。规定从何处添加/删除元素。该参数是开始插入和(或)删除的数组元素的下标,必须是数字。
howmany必需。规定应该删除多少元素。必须是数字,但可以是 “0”。未规定此参数,则删除从 index 开始到原数组结尾的所有元素。
index必需。规定从何处添加/删除元素。
item1, …, itemX可选。要添加到数组的新元素
摘抄自:https://blog.csdn.net/zh_1721342390/article/details/90036832*

懒加载时用

               let arry = that.productlist.concat(res.data) //前提是livehose是数组
                        that.productlist = arry

图片压缩

?x-oss-process=image/resize,p_20,limit_0

点击按钮实现点击另一个div

$("#b").trigger('click');

去重神器

  del(arr) {
                let x = new Set(arr);
                return [...x];
            }

组织架构代码查询:

            checkOrgCodeValid(el) {
                var txtval = el;
                var values = txtval.split("-");
                var ws = [3, 7, 9, 10, 5, 8, 4, 2];
                var str = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ';
                var reg = /^([0-9A-Z]){8}$/;
                if (!reg.test(values[0])) {
                    return false
                }
                var sum = 0;
                for (var i = 0; i < 8; i++) {
                    sum += str.indexOf(values[0].charAt(i)) * ws[i];
                }
                var C9 = 11 - (sum % 11);
                var YC9 = values[1] + '';
                if (C9 == 11) {
                    C9 = '0';
                } else if (C9 == 10) {
                    C9 = 'X';
                } else {
                    C9 = C9 + '';
                }
                return YC9 == C9;
            },

随机字符串(可自定义长度)

    randomString() {
                var len = len || 8;  //自定义长度
                var $chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678';
                /****默认去掉了容易混淆的字符oOLl,9gq,Vv,Uu,I1****/
                var maxPos = $chars.length;
                var pwd = '';
                for (var i = 0; i < len; i++) {
                    pwd += $chars.charAt(Math.floor(Math.random() * maxPos));
                }
                return pwd;
            },

随机颜色代码

 getRandomColor() {
                const rgb = []
                for (let i = 0; i < 3; ++i) {
                    let color = Math.floor(Math.random() * 256).toString(16)
                    color = color.length == 1 ? '0' + color : color
                    rgb.push(color)
                }
                return '#' + rgb.join('')
            },

基础数组操作后返回

let arr = [1, 2, 3, 4, 5]
    let newArr = arr.map(x => x*2)

Array.filter()
将所有元素进行判断,将满足条件的元素作为一个新的数组返回

let arr = [1, 2, 3, 4, 5]
    const isBigEnough = value = value >= 3
    let newArr = arr.filter(isBigEnough )

push() 添加到数组的最后面

pop() 删除数组中的最后一个

shift() 删除数组中的最前一个

unshift() 添加到数组的最前面

reverse() 将数组中的元素进行反转,倒序显示

sort() 将数组元素进行排序

filter() 返回true的留下,false的舍弃

forEach() 循环遍历里面的每一个元素

array.splice(0,arr.length); 删除数组中所有项目

join() 将数组中的元素连接成字符串输出

concat() 连接两个数组

slice() 从当前数组中截取一个新的数组,不影响原来的数组,参数start从0开始,end从1开始,end截取不到。

splice() 删除或替换当前数组的某些项目,参数start,deleteCount,options(要替换的项目)
Array.splice(开始位置, 删除的个数,元素)
string:

获取字符串中字符的索引: 如果要检索的字符串值没有出现,则该方法返回 -1。

indexOf() 返回指定内容在元字符串中的位置

lastIndexOf() 从后往前找,只找第一个匹配的

trim() 只能去除字符串前后的空白

to(Locale)UpperCase() 转换大写

to(Locale)LowerCase() 转换小写

concat() 拼接字符串,等效于+,+更常用

slice() 从start位置开始,截取到end位置,end取不到

substring() 从start位置开始,截取到end位置,end取不到

substr() 从start位置开始,截取length个字符,只有一个就参数就截取到最后

replace() 替换字符串的某元素,并返回替换后的字符串

split() 将字符串分割(l转换)成数组

toFixed(e)方法 四舍五入保留小数e位
Math.floor() 向下取整
Math.ceil() 向上取整
四舍五入保留2位小数(若第二位小数为0,则保留一位小数)

 function 方法名(num) {  
             var result = parseFloat(num);  
             if (isNaN(result)) {  
                 alert('传递参数错误,请检查');  
                 return false;  
             }  
             result = Math.round(num * 100) / 100;  
             return result;  
        };
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值