7 个用于清理数组的谓词函数

谓词是一个返回布尔值的函数。

本文介绍7个可以与filter数组方法一起使用来清理数组的谓词函数。

filter方法创建一个新数组，其中包含通过给定谓词函数实现的测试的所有元素。

1、isNumber

isNumber 函数接受一个值，如果是数字则返回 true，否则返回 false。它使用 typeof 运算符检测数字。

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 = [
  [],
  [1],
  [1, 3, 5],
  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}
//]

本文完~

谢谢你的阅读。

本文由哈喽比特于3年以前收录，如有侵权请联系我们。
文章来源：https://mp.weixin.qq.com/s/2OCOi8LbBw88BiNKLJQ8wg