在Javascript中检查数组中元素的类型

Question

刚开始使用 Javascript 并试图检查 array 中元素的类型：我有一个 function，它具有两个函数作为 parameters。我有一个array，它结合了string 和number 元素。这个想法是根据样本array中的元素类型触发functions，然后将新的element推送到新的array。我不确定我可以在这里使用哪个内置功能。我试过indexOf 和typeof 但这些似乎没有达到目的，或者我做错了。下面是代码。非常感谢！

var arr1 = [3, "Hello", 5, "Hola"];

function setNewArray(arr, funct1, funct2){
    var arr2 = [];

    for(var i = 0; i < arr.length; i++){
        if(/*check if arr[i] is a string*/){
            arr2.push(funct1(arr[i]));
        }

        if(/*check if arr[i] is a number*/){
            arr2.push(funct2(arr[i]));
        }       
    }
    return arr2;
}


var numfunct = function(item){
    return item * 2;
}


var strfunct = function(item){
    return item + " " + "there";
}

var result = setNewArray(arr1, numfunct, strfunct);
console.log(result);

Answer 1

您可以使用typeof 轻松做到这一点，如下所示

对于第一个代码块

if(typeof arr[i] === 'string'){
     arr2.push(   
     funct1(arr[i]));
}

第二个

if(typeof arr[i] === 'number'){
      arr2.push(
      funct2(arr[i]));
    }   

Answer 2

您可以使用typeof 来检查任何变量或对象的类型。而且您不需要传递函数refrence。代码如下：

var arr1 = [3, "Hello", 5, "Hola"];

function setNewArray(arr) {
  var arr2 = [];

  for (var i = 0; i < arr.length; i++) {

    if (typeof arr[i] === 'string') {
      arr2.push(
        strfunct(arr[i]));
    }

    if (typeof arr[i] === 'number') {
      arr2.push(
        numfunct(arr[i]));
    }
  }
  return arr2;
}

var numfunct = function (item) {
  return item * 2;
}

var strfunct = function (item) {
  return item + " " + "there";
}

var result = setNewArray(arr1);
console.log(result);

Answer 3

尝试在javascript中使用typeof运算符

var arr1 = [3, "Hello", 5, "Hola"];

function setNewArray(arr, funct1, funct2) {
    var arr2 = [];
    for (var i = 0; i < arr.length; i++) {
        if (typeof arr[i] == 'string') {
            arr2.push(funct1(arr[i]));
        }
        if (typeof arr[i] == 'number') {
            arr2.push(funct2(arr[i]));
        }
    }
    return arr2;
}


var numfunct = function (item) {
    return item * 2;
}


var strfunct = function (item) {
    return item + " " + "there";
}

var result = setNewArray(arr1, strfunct, numfunct);
console.log(result);

我认为这正是您正在寻找的功能。

Answer 4

检查一下：

var arr1 = [3, "Hello", 5, "Hola" ];

function setNewArray(arr, funct1, funct2){

    var arr2 = [];

    for(var i = 0; i < arr.length; i++){

        if(!isNaN(arr[i])){ // or use this alternative typeof arr[i]  == 'number'
         arr2.push(   
            funct1(arr[i]));
        }


        if(typeof (arr[i]) == 'string'){

          arr2.push(

              funct2(arr[i]));
        }       


    }
    return arr2;
    }


var numfunct = function(item){

    return item * 2;

}


var strfunct = function(item){

    return item + " " + "there";
}

var result = setNewArray(arr1, numfunct, strfunct);
console.log(result);

Answer 5

问题不在于使用 typeof 运算符，而在于使用数字和字符串调用的函数。

更新代码：

var arr1 = [3, "Hello", 5, "Hola" ];

function setNewArray(arr, funct1, funct2){

    var arr2 = [];

    for(var i = 0; i < arr.length; i++){

        if(typeof arr[i] == "string"){
         arr2.push(   
            funct2(arr[i]));
        }


        if(typeof arr[i] == "number"){

          arr2.push(

              funct1(arr[i]));
        }       


    }
    return arr2;
    }


var numfunct = function(item){

    return item * 2;

}


var strfunct = function(item){

    return item + " " + "there";
}

var result = setNewArray(arr1, numfunct, strfunct);
console.log(result);

Answer 6

创建一个函数对象，其中每个函数名都是它可以处理的类型。使用Array#map 迭代数组，并使用typeof 从对象中选择正确的方法。

注意：我添加了一个布尔处理程序来将 true 转换为 yes。

var arr1 = [3, "Hello", 5, "Hola", true];

var fns = {
  number(item) {
      return item * 2;
  },
  
  string(item) {
    return item + " " + "there";
  },
  
  boolean(item) {
    return item ? 'yes' : 'no'
  }
};

function setNewArray(arr, fns) {
  return arr.map(function(item) {
    return fns[typeof item](item);
  });
}

var result = setNewArray(arr1, fns);
console.log(result);