7 个用于清理数组的谓词函数
共 3516字,需浏览 8分钟
·
2021-07-27 20:17
function isNumber(value){
return typeof(value) === 'number';
}
isNumber(1) //true
isNumber(1.2) //true
isNumber('1') //false
isNumber(true) //false
isNumber(null) //false
考虑以下数组。
const arr = [1, 2, 4.1, 'A', true, 5.3];
我们可以将 isNumber 谓词与 filter 方法一起使用,并创建一个仅包含数字的新数组。
const numbers = arr.filter(isNumber);
console.log(numbers);
//[1, 2, 4.1, 5.3]
2、Number.isInteger
内置 Number.isInteger 检测给定值是否为整数。
Number.isInteger(1) //true
Number.isInteger(1.2) //false
Number.isInteger('1') //false
Number.isInteger(null) //false
以下是从仅包含整数的现有数组创建新数组的示例。
3、布尔值
isTruthy 函数对于真值返回 true,否则返回 false。
function isTruthy(value){
return value ? true : false;
}
console.log(isTruthy('text')); //true
console.log(isTruthy(1)); //true
console.log(isTruthy(0)); //false
console.log(isTruthy('')); //false
console.log(isTruthy(null)); //false
console.log(isTruthy(undefined)); //false
没有必要构建这样的函数,因为已经有一个称为布尔值的内置函数将真值转换为真值,将假值转换为假值。
Boolean('text') //true
Boolean(1) //true
Boolean(0) //false
Boolean('') //false
Boolean(null) //false
Boolean(undefined) //false
下面是使用布尔函数从数组中删除所有虚假值的示例。
const arr = [1, 2, 4.1, 'A', true, null, undefined, NaN, 5.3, 3];
const newArr = arr.filter(Boolean);
console.log(newArr);
//[1, 2, 4.1, "A", true, 5.3, 3]
4、isDefined
isDefined 检查一个值是否不为空,意思是不等于null 和 undefined。
function isDefined(value){
return value !== null & value !== undefined;
}
以下示例显示如何使用 isDefined 谓词从数组中删除 null 和 undefined。
const arr = [1, 2, null, 4, undefined, null, 3];
const newArr = arr.filter(isDefined);
console.log(newArr);
//[1, 2, 4, 3]
5、Array.isArray
Array.isArray 内置实用程序检查给定值是否为数组。
Array.isArray([1, 2, 3]); // true
Array.isArray({}); // false
Array.isArray('123'); // false
Array.isArray(undefined); // false
以下代码显示了如何仅从列表中选择数组值。
const arr = [
[],
[ ],
[ ],
null,
0,
{}
];
const newArr = arr.filter(Array.isArray);
console.log(newArr)
//[
// [],
// [1],
// [1, 3, 5]
//]
6、isObject
isObject 检测值是否为对象。首先,它使用 typeof 运算符检查值的类型,但它也排除了 null,因为 JavaScript 认为 null 也是一个对象。
function isObject(value){
return typeof value === 'object' && value !== null
}
console.log(isObject({})) //true
console.log(isObject(null)) //false
console.log(isObject(1)) //false
接下来是仅从数组中选择对象的示例。
const arr = [{value:1}, {value:2}, null, 1, ''];
const objects = arr.filter(isObject);
console.log(objects);
//[
//{value: 1},
//{value: 2}
//]
7、hasOwnProperty
接下来,我们创建一个谓词来检测对象是否具有给定的属性。
为此,我们可以使用 hasOwnProperty 对象方法。
const obj = { value : 1 };
obj.hasOwnProperty("value");
//true
下面的 hasProp 函数接受两个参数,属性的名称和要检查的对象,如果对象包含该属性,则返回 true。否则,它返回 false。
function hasProp(name, obj){
return typeof obj === 'object' && obj !== null &&
obj.hasOwnProperty(name);
}
情况是 filter 方法将只提供当前值而不是属性名称。所以我们在使用filter方法的时候需要通过某种方式在谓词函数中设置属性名。
下一个 hasProp 获取属性名称并返回filter函数将使用的谓词函数,该函数仅接受要检查的对象。
function hasProp(name){
return function predicate(obj){
return typeof obj === 'object' && obj !== null &&
obj.hasOwnProperty(name);
}
}
下面是我们如何使用 hasProp 函数从数组中仅选择具有 value 属性的对象。
const arr = [
{value: 1},
{char: 'A'},
{value:2 },
null,
{char: 'B'}
];
console.log(arr.filter(hasProp('value')))
//[
//0: {value: 1}
//1: {value: 2}
//]
本文完~
谢谢你的阅读。
学习更多技能
请点击下方公众号