对于数组操作,
- 如果结果需要一个数组用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 = () => {}