JS+Vue 常见用法（2）-- 数组字符串对象原生js

1、截取字符串（slice）

 str.slice(0, 10)

http://www.cnblogs.com/lmsblogs/p/5876384.html

2、数组和字符串的转换（join）

 数组变字符串　var a,b;     //   两变量 一个数组a  一个字符串b
a=new Array{0,1,2,3,4,5};
b=a.join(“-”);     //    b="0-1-2-3-4-5"

https://www.cnblogs.com/12344321hh/p/8128309.html

3、求数组最大值（Math.max）

let max = Math.max.apply(null, arr)

4、合并两个数组（concat）

let a = [1,2,3];
let b = [4,5,6];
let c = a.concat(b);   //c=[1,2,3,4,5,6];

https://www.cnblogs.com/koala0521/p/7278056.html

5、获取字符串最后一位方法（charAt）

str.charAt(str.length – 1)

https://www.cnblogs.com/LChenglong/p/6856530.html

6、删除字符串最后一位方法（slice）

str.slice(0,str.length-1)

https://www.jb51.net/article/126580.htm

7、判断一个数组是否包含一个指定的值（indexOf）

let arr = ['something', 'anything', 'nothing', 'anything'];
let index = arr.indexOf('nothing');
console.log(index) //结果是2

https://www.cnblogs.com/hepengqiang/p/9822118.html

8、数组删除（splice）

一、删除数组里的某个元素
var index = this.indexOf(val);
if (index > -1) {
this.splice(index, 1);
}
二、数组删除指定下标
//删除起始下标为1，长度为2的一个值(len设置2)
var arr2 = ['a','b','c','d']
arr2.splice(1,2);
console.log(arr2); 
//['a','d']
三、delete方法删除掉数组中的元素后，会把该下标出的值置为undefined,数组的长度不会变
var arr = ['a','b','c','d'];
delete arr[1];
arr;
//["a", undefined × 1, "c", "d"] 中间出现两个逗号，数组长度不变，有一项为undefined

JS删除数组里的某个元素方法
http://caibaojian.com/js-splice-element.html
https://www.jb51.net/article/134312.htm
JS删除数组中指定的对象
https://blog.csdn.net/frankenstein_/article/details/82788490
js增加移除替换数组里的某个元素
https://blog.csdn.net/hedy17/article/details/79378774

9、js对象属性的遍历（for…in…）

通过for…in…循环来实现对对象属性的遍历输出

http://baijiahao.baidu.com/s?id=1599805069461530979&wfr=spider&for=pc

10、删除对象属性（delete）

for(var key in student){
delete student[key];
}
console.log(student);

https://www.cnblogs.com/isykw/p/6869084.html

11、将数组每n个存为一个数组（原生js）

// JS 如何从一个length为12的数组中按顺序取每5个元素为一组放到新数中，
// 最后不够5个的也存为一个数组
var SplitArray = function(N,Q)
{
    var R = [],F;
    for (F = 0;F < Q.length;) R.push(Q.slice(F,F += N))
    return R
}
var arr = [1,2,3,4,5,6,7,8,9,10,11,12];
console.log(SplitArray(5,arr))

https://zhidao.baidu.com/question/813779575873380212.html

12、js 除法向上取整（Math.ceil）

1.丢弃小数部分,保留整数部分 
js:parseInt(7/2)
2.向上取整,有小数就整数部分加1 
js: Math.ceil(7/2)  // 4
3,四舍五入. 
js: Math.round(7/2)
4,向下取整 
js: Math.floor(7/2) // 3

https://blog.csdn.net/xinyuan_java/article/details/40300873

13、es6中数组去重（set）

this.newarr = Array.from(new Set(this.arr))

14、将对象排序输出（Object.keys(obj) obj --- 要排序的对象）

eg:
var anObj = { 100: 'a', 2: 'b', 7: 'c' };
console.log(Object.keys(anObj));   // console: ['2', '7', '100']

15、 js数组根据多个属性进行排序
https://blog.csdn.net/wyg1995/article/details/79432489
16、 js根据json数据中的某一个属性来给数据分组
https://blog.csdn.net/firoly/article/details/54314367
17、绝对值（Math.abs）

Math.abs(7.2) // 7.2
Math.abs(-2.1)  // 2.1
Math.abs(-8.1) // 8.1

18、js 判断对象中所有属性是否为空

for (var key in this.ruleForm) {
   if (this.ruleForm[key]) {
       this.flag = true
    }
}

https://www.cnblogs.com/crazycode2/p/8926103.html

19、js判断对象是否为空对象的几种方法

v-if=" JSON.stringify(obj) == '{}' "  // 即obj为空对象时

20、数组截取 slice和splice的区别

一、
slice(start,end) 第二个值是结束位置（包含开始索引，不包含结束索引，索引从0开始，如果第二个值为空，则截取到数组最后）
splice(start,length) 第二个值是长度
二、slice 原数组不变
splice 原数组中的数值被剔除掉了

let y = [0,1,2,3,4,5,6,7,8,9]
console.log(y.splice(2,5)); //2,3,4,5,6
console.log(y); // [0,1,7,8,9]显示原数组中的数值被剔除掉了

https://cncat.cn/post-285.html

21、数组和字符串的转化

一、数组转字符串
let arr = [a,b,c,d,e]
b = arr.join(''); // abcde
let arr = [a,b,c,d,e]
b = arr.join('，'); // a，b，c，d，e ——数组转字符串，用’，‘隔开
二、字符串转数组
let arr = abcde
c = arr.split(''); // [a,b,c,d,e]

https://www.cnblogs.com/LeoBoy/p/5899734.html
https://www.cnblogs.com/guorange/p/7127839.html

22、判断一个值是不是数组

let arr = []
let obj = {}
console.log(arr instanceof Array); //true
console.log(obj instanceof Array); //false

https://www.cnblogs.com/Walker-lyl/p/5597547.html

23、字符串常用方法
https://www.cnblogs.com/l1pe1/p/6197371.html
24、判断字符串为全数字

     if (!/^[0-9]+$/.test(item.vacationDate)) {
        this.$message.warning('调休天数必须是数字')
        return
      }

https://zhidao.baidu.com/question/1050724412676679539.html

25、.unshift() / .push() ——往数组开头 / 结尾添加数据

var arr = [ 1,2,3 ];
alert( arr.unshift( 'abc' ) );   // 4 返回的是长度
alert( arr.push( 'abc' ) );   // 4 返回的是长度
arr.unshift( 'abc' )
arr.push( 'abc' )
alert(arr)  // ['abc',1,2,3,'abc']  // 返回数组

https://www.cnblogs.com/SongHuiJuan/p/6627490.html

26、.reverse() 数组倒序输出

let arr = [1,2,3]
let arr2 = arr.reverse()
console.log(arr2) // [3,2,1]

https://www.cnblogs.com/tunshiyublogs/p/9363890.html

27、 % 余数

var box = 10%3
console.log(box) // 1

https://www.cnblogs.com/xiaoxinzi/p/8482836.html

28、从数组中随机取出元素

var items = ['1','2','4','5','6','7','8','9','10'];
var item = items[Math.floor(Math.random()*items.length)];

如果想取多个，可以直接循环添加到数组里，也可以直接赋值，如下：

let colorList = ['#C05155', '#5E76D7', '#F7BB60', '#89B77E']
info_data.forEach((item, index) => {
   item.color = colorList[Math.floor(Math.random()*colorList.length)]
}, this)

为span随机设置背景颜色

    {{datas.user_name}}

https://blog.csdn.net/web_leeleon/article/details/80308727

29、js去除数组中的null空值

var arr = ['2','3','',null,undefined,'7',' ','9'];
var r = arr.filter(function (s) {
    return s && s.trim(); // 注：IE9(不包含IE9)以下的版本没有trim()方法
});
console.log(r);

https://blog.csdn.net/qq_37796017/article/details/90229667

30、forEach终止循环（forEach无法在所有元素都传递给调用的函数之前终止遍历）
终止for循环：break
终止jquery循环：return false
终止forEach：通过抛出异常

try {
    var array = ["first","second","third","fourth"];
    
    // 执行到第3次，结束循环
    array.forEach(function(item,index){
        if (item == "third") {
            throw new Error("EndIterative");
        }
        alert(item);// first,sencond
    });
} catch(e) {
    if(e.message!="EndIterative") throw e;
};
// 下面的代码不影响继续执行
alert(10);

https://www.cnblogs.com/Marydon20170307/p/8920775.html

31、获取对象key值与value值的方式（for in）

var obj = {
            'name': '杨',
            'year': 27
        }
        var key = []
        var value = []
        for (var i in obj) {
            key.push(i)
            value.push(obj[i])
        }
        console.log(key)
        console.log(value)

https://www.cnblogs.com/xpcool/p/9501323.html

32、清空数组的三种方法：

var ary = [1,2,3,4]; 
ary.splice(0,ary.length); // splice
ary.length = 0; // length赋值为0
ary = []; // 赋值为一个空数组；更快，效率更高

https://blog.csdn.net/p358278505/article/details/70193930

JS+Vue 常见用法（2）-- 数组字符串对象 原生js

你可能感兴趣的:(JS+Vue 常见用法（2）-- 数组字符串对象 原生js)

JS+Vue 常见用法（2）-- 数组字符串对象原生js

你可能感兴趣的:(JS+Vue 常见用法（2）-- 数组字符串对象原生js)