js常用方法

对于数组操作，

• 如果结果需要一个数组用map；
• 需要一个结果用reduce,
• 如果要过滤数组用filter

concat 数组拼接

[1,2].concat([3]) [1,2,3]

reverse 数组反转

indexOf 查找元素

arr.indexOf('p') 有这个元素返回第一个这个元素下标，没有返回-1

深拷贝 JSON.parse(JSON.stringify(arrStat))

map()

方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值.

var a = [
  "Hydrogen",
  "Helium",
  "Lithium",
  "Beryllium"
];

var a2 = a.map(function(s){ return s.length });

console.log(a2); // logs [ 8, 6, 7, 9 ]

同时输出数组的内容和索引 for of

for (let [index,val] of arr.entries()){
    console.log(index+':'+val);
}

call()

改变函数的this指向

function fn(x,y) {
    this
}
fn()// this指向调用者
var test = {}
fn.call(test,1,3)// this 指向test

filter()

创建一个新数组, 其包含通过所提供函数实现的测试的所有元素

//例
const words = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present'];

const result = words.filter(word => word.length > 6);

console.log(result);
// expected output: Array ["exuberant", "destruction", "present"]

reduce()

方法对数组中的每个元素执行一个由您提供的reducer函数(升序执行)，将其结果汇总为单个返回值

const array1 = [1, 2, 3, 4];
const reducer = (accumulator, currentValue) => accumulator + currentValue;

// 1 + 2 + 3 + 4
console.log(array1.reduce(reducer));
// expected output: 10

// 5 + 1 + 2 + 3 + 4
console.log(array1.reduce(reducer, 5));
// expected output: 15

forEach()

被传递给forEach的函数会在数组的每个元素像上执行一次，元素作为参数传递给该函数。未赋值的值不会在forEach循环迭代。
注意，在数组定义时省略的元素不会在forEach遍历时被列出，但是手动赋值为undefined的元素是会被列出的

//例
var array = ['first', 'second', , 'fourth'];

array.forEach(function(element) {
  console.log(element);
})
// first
//second
//fourth

array.forEach(function(element) {
  console.log(element);
})
// first second undefined fourth 

some

// some 判断数组是否含有满足条件的元素，返回值bool
let is = arr.some(function (value) {
    return value >= 800;
})
console.log(is);// ture

every

对数组中每一项运行给定函数，如果该函数对每一项返回true,则返回true。

concat ()方法用于连接两个或多个数组

return menuCheckedKeys.value.concat(halfCheckedKeys.value);

join()

方法用于把数组中的所有元素转换一个字符串

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var energy = fruits.join();
//Banana,Orange,Apple,Mango

// includes() 判断数组是否含有某个元素
[1,2,3].includes(1);//ture

// find 查找符合要求的数组元素返回
let f = arr12.find(item => item == 121)
console.log(f);// 121
// findIndex 查找符合要求的数组元素的下标

Set数据结构的实例方法,可以去除数组重复值

let sss = new Set([1,1,1,3,5,64,57,5,5])
console.log(...sss);//1 3 5 64 57

add(value):添加某个值，返回set结构本身。

delete(value):删除某个值，返回一个布尔值，表示删除是否成功。

has(value):返回一个布尔值，表示该值是否为Set的成员。

clear():清空set中所有值。无返回值。

Array.join()

join() 方法将一个数组（或一个类数组对象）的所有元素连接成一个字符串并返回这个字符串。如果数组只有一个项目，那么将返回该项目而不使用分隔符。

var elements = ['Fire', 'Air', 'Water'];

console.log(elements.join());
// expected output: "Fire,Air,Water"

console.log(elements.join(''));
// expected output: "FireAirWater"

console.log(elements.join('-'));
// expected output: "Fire-Air-Water"

Array.from()

伪数组转化成数组

var ary = Array.from(arrayTest,item => {})

trim 去除字符串两端的空格

let str = "  fasdfa  ";
let test = str.trim();
console.log(str.length +" "+ test.length);

startsWith()// 判断字符串头部，返回值bool
endsWith () // 判断尾部

Object.assign( )合并对象

var a={a:'jspang'};
var b={b:'技术胖'};
var c={c:'web'};

let d=Object.assign(a,b,c)
console.log(d);

Object.keys(obj)

获取对象所有属性名，返回值数组

添加或者覆盖对象属性

Object.defineProperty(obj,'属性名',{
    value:""//值，还可以加其他的
    writable:ture //值是否可以被重写 默认值false
})

箭头函数

代码执行结果就是返回值，大括号可以省略

const fn = () => {}