常用js效果

懒加载时用

               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转换)成数组

你可能感兴趣的:(JavaScript)