数组特性的使用,处理数据的小技巧
在前端获取数据之后,我们经常需要对数据进行一些判断,再做逻辑处理,本质其实就是需要一些方法返回布尔值,这篇文章我们主要总结数组的一些方法巧用。
为false的情况:0 , ‘ ’, null, undefined, false
# Array.includes()
includes()
方法用来判断一个数组是否包含一个指定的值,根据情况,如果包含则返回 true,否则返回false。
var array1 = [1, 2, 3]; console.log(array1.includes(2)); // expected output: true var pets = ['cat', 'dog', 'bat']; console.log(pets.includes('cat')); // expected output: true console.log(pets.includes('at')); // expected output: false
# indexOf()
方法返回在数组中可以找到一个给定元素的第一个索引,如果不存在,则返回-1。
var beasts = ['ant', 'bison', 'camel', 'duck', 'bison']; console.log(beasts.indexOf('bison')); // expected output: 1 // start from index 2 console.log(beasts.indexOf('bison', 2)); // expected output: 4 console.log(beasts.indexOf('giraffe')); // expected output: -1
可以用来这样判断
const articleType = (typeKey === null || typeKey.indexOf('status') > -1) ? '1' : 0;
# Array.pop()
pop()
方法从数组中删除最后一个元素,并返回该元素的值。
从数组中删除的元素(当数组为空时返回undefined
)。