Js函数工具（一）

push()函数

push()接收任意数量的参数，把它们逐个添加到数组末尾，并返回修改后的数组的长度。
push方法会把数组原原本本的输出
一般在数组末尾添加元素用push方法就可以了，但是这样会改变原有数组的数据，所以就有了concat方法

语法

arrayObject.push(newelement1,newelement2,....,newelementX)

示例

var arr = new Array(3)
arr[0] = "a"
arr[1] = "b"
arr[2] = "c"

document.write(arr + "<br />") // a,b,c
document.write(arr.push("d") + "<br />") // 4
document.write(arr) // a,b,c,d

concat()函数

concat()将参数添加到原数组中，这个方法会先copy一个当前数组，然后将接收到的参数添加到这个copy数组的末尾，最后返回新构建的数组，在没有给concat()方法传递参数的情况下，它只是复制当前数组并返回。
如果参数中有数组，concat会拆解数组一项一项放入，而push()是整个数组放入。
concat方法是在原有的基础上添加元素并返回链接之后的副本，并不会修改原有的数组。所以concat方法会把数组解析之后再输出。

语法

arrayObject.concat(arrayX,arrayX,......,arrayX)

示例

var a = [1,2,3];
document.write(a.concat(4,5)) // 1,2,3,4,5

includes()

对多个条件筛选

语法

Arry.includes(value)

示例

// 优化前
function test(fruit) {
	if(fruit == 'apple' || fruit == 'strawberry' || fruit == 'cherry'){
		console.log('red')
	}
}

// 优化后
function test(fruit){
	const redFruits = ['apple', 'straeberry', 'cherry', 'cranberries'];
	if(redFruits.includes(fruit)){
		console.log('red')
	}
}

indexOf()函数

1、搜索功能

语法

String.indexOf(value)

示例

// 前端搜索
let arrList = []; // 定义空数组，存放检索到的json数据
let skillList = [{id:'0',name:'张三',time:'08:20'},{id:'1',name:'李四',time:'08:21'}]
skillList.map((msg)=>{
	//拿当前json的id、name、time去分别跟输入的值进行比较
    //indexOf 如果在检索的字符串中没有出现要找的值是会返回-1的，所以我们这里不等于-1就是假设输入框的值在当前json里面找到的情况
    if(msg.name.indexOf(this.skillName) != -1){
    	//然后把当前json添加到list数组中
        arrList.push(msg);
    }
})

（未完待续… 后期有时间在添加示例）