前端js常用方法

1.array.filter（）方法

返回一个新创建的数组，数组内的元素是通过过滤要求的数据

注意：filter是空数组调用时，不会执行后续的过滤操作；返回的数组是新创建的，原来的数组没有变化

2.forEach()

this.tableData.forEach((item) => {
      if (item.tableChnName.indexOf(this.tnameMsgKeyword) != -1) {
        list.push(item);
       }
    });

3.JSON.parse()与JSON.stringify()

前后台在进行传参时，有时候会采用标准JSON字符串的格式进行对接，这个时候，就用到了JSON.parse();和JSON.stringfy();

JSON.parse()是将字符串转化为一个一个的js对象，常用在比如后台将一个对象UserInfo组成的数组转化为JSON字符串传给前台如下：

const data = '[{"id":110,"name":"警察"},{"id":120,"name":"急救车"}]'
const user = JSON.parse(data)
//则此时user的数据位为数组:[{id:110,name:"警察"},{id:120,name:"急救车"}]

JSON.stringfy()则是将其他的数据类型转化为JSON字符串。常用在前台数组传递到后台去接收

如下：

const arr = [{id:110,name:"警察"},{id:120,name:"急救车"}];
const data = {
        user: JSON.stringfy(arr)
    }

//后台获取
String user = data.get("user");//获取到该字符串，具体看后台的接收对象，该处后台为MAP
 List<UserInfo> userList = JSONObject.parseArray(user, UserInfo.class);

4.string.split()

arr = str.split('分割符'),根据分割符将字符串切割成数组返回

5.数组的操作方法

arr[index],取出数组的第index+1个元素，如果取最后一个，或者是倒着取则可以

arr.at(index),这里的index取负数，则从最后的元素开始往前数，-1即为最后一位元素