JavaScript เทียบเท่ากับ in_array ของ PHP ()

มีวิธีใน JavaScript เพื่อเปรียบเทียบค่าจากอาร์เรย์หนึ่งและดูว่ามันอยู่ในอาร์เรย์อื่นหรือไม่

คล้ายกับin_arrayฟังก์ชั่นของ PHP ?

ไม่มันไม่มีเลย ด้วยเหตุนี้ห้องสมุดยอดนิยมจึงมีหนึ่งในแพ็คเกจอรรถประโยชน์ ตรวจสอบของ jQuery inArrayและต้นแบบของArray.indexOfตัวอย่าง

การดำเนินการของ jQuery นั้นง่ายอย่างที่คุณคาดหวัง:

function inArray(needle, haystack) {
    var length = haystack.length;
    for(var i = 0; i < length; i++) {
        if(haystack[i] == needle) return true;
    }
    return false;
}

หากคุณกำลังจัดการกับองค์ประกอบอาเรย์ที่มีสติอยู่จำนวนหนึ่ง

แก้ไข : อ๊ะ ฉันไม่ได้สังเกตว่าคุณต้องการดูว่ามีอาร์เรย์อยู่ในอีกชุดหรือไม่ ตามเอกสาร PHP นี่เป็นพฤติกรรมที่คาดหวังของ PHP in_array:

$a = array(array('p', 'h'), array('p', 'r'), 'o');

if (in_array(array('p', 'h'), $a)) {
    echo "'ph' was found\n";
}

if (in_array(array('f', 'i'), $a)) {
    echo "'fi' was found\n";
}

if (in_array('o', $a)) {
    echo "'o' was found\n";
}

// Output:
//  'ph' was found
//  'o' was found

รหัสที่โพสต์โดย Chris และ Alex ไม่ปฏิบัติตามพฤติกรรมนี้ อเล็กซ์เป็นรุ่นอย่างเป็นทางการของต้นแบบของ indexOf และคริสเป็นเหมือนของ array_intersectPHP นี่คือสิ่งที่คุณต้องการ:

function arrayCompare(a1, a2) {
    if (a1.length != a2.length) return false;
    var length = a2.length;
    for (var i = 0; i < length; i++) {
        if (a1[i] !== a2[i]) return false;
    }
    return true;
}

function inArray(needle, haystack) {
    var length = haystack.length;
    for(var i = 0; i < length; i++) {
        if(typeof haystack[i] == 'object') {
            if(arrayCompare(haystack[i], needle)) return true;
        } else {
            if(haystack[i] == needle) return true;
        }
    }
    return false;
}

และนี่คือบททดสอบของฉันด้านบน:

var a = [['p','h'],['p','r'],'o'];
if(inArray(['p','h'], a)) {
    alert('ph was found');
}
if(inArray(['f','i'], a)) {
    alert('fi was found');
}
if(inArray('o', a)) {
    alert('o was found');
}  
// Results:
//   alerts 'ph' was found
//   alerts 'o' was found

โปรดทราบว่าฉันตั้งใจไม่ขยายต้นแบบ Array เนื่องจากเป็นความคิดที่ดีที่จะทำเช่นนั้น

ตอนนี้มีArray.prototype.includes:

การรวม () วิธีการกำหนดว่าอาร์เรย์มีองค์ประกอบบางอย่างกลับจริงหรือเท็จตามความเหมาะสม

var a = [1, 2, 3];
a.includes(2); // true 
a.includes(4); // false

วากยสัมพันธ์

arr.includes(searchElement)
arr.includes(searchElement, fromIndex)

Array.indexOfเปิดตัวใน JavaScript 1.6 แต่ไม่รองรับในเบราว์เซอร์รุ่นเก่า โชคดีที่ chaps ที่ Mozilla ทำงานหนักทั้งหมดให้คุณและมอบสิ่งนี้ให้คุณเพื่อความเข้ากันได้:

if (!Array.prototype.indexOf)
{
  Array.prototype.indexOf = function(elt /*, from*/)
  {
    var len = this.length >>> 0;

    var from = Number(arguments[1]) || 0;
    from = (from < 0)
         ? Math.ceil(from)
         : Math.floor(from);
    if (from < 0)
      from += len;

    for (; from < len; from++)
    {
      if (from in this &&
          this[from] === elt)
        return from;
    }
    return -1;
  };
}

มีแม้กระทั่งบางตัวอย่างการใช้งานที่มีประโยชน์สำหรับความสุขในการเขียนสคริปต์ของคุณ

หากดัชนีไม่เรียงตามลำดับหรือหากดัชนีไม่ต่อเนื่องรหัสในโซลูชันอื่น ๆ ที่แสดงรายการที่นี่จะแตก วิธีแก้ปัญหาที่ใช้งานได้ดีกว่าอาจเป็น:

function in_array(needle, haystack) {
    for(var i in haystack) {
        if(haystack[i] == needle) return true;
    }
    return false;
}

และเป็นโบนัสนี่คือเทียบเท่ากับ array_search ของ PHP (สำหรับการค้นหาคีย์ขององค์ประกอบในอาร์เรย์:

function array_search(needle, haystack) {
    for(var i in haystack) {
        if(haystack[i] == needle) return i;
    }
    return false;
}

มีโครงการที่เรียกว่าLocutusมันใช้ฟังก์ชั่น PHP ใน Javascript และin_array ()รวมอยู่ด้วยคุณสามารถใช้มันได้อย่างที่คุณใช้ใน PHP

ตัวอย่างการใช้งาน:

in_array('van', myArray);

in_array(1, otherArray, true); // Forcing strict type

คุณสามารถใช้ฟังก์ชั่น "รวม" ตามที่อธิบายไว้ในบทนี้ใน w3schools

ดูเหมือนว่า

let myArray = ['Kevin', 'Bob', 'Stuart'];
if( myArray.includes('Kevin'))
console.log('Kevin is here');

var a = [1,2,3,4,5,6,7,8,9];

var isSixInArray = a.filter(function(item){return item==6}).length ? true : false;

var isSixInArray = a.indexOf(6)>=0;

มีโซลูชัน jQuery ให้ตรวจสอบเอกสารที่นี่: http://api.jquery.com/jquery.inarray/

$.inArray( 10, [ 8, 9, 10, 11 ] );

มีฟังก์ชั่นเทียบเท่า:

includes()

ดูที่นี่: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/includes

หากคุณต้องการตรวจสอบว่ามีค่าเดียวอยู่ในอาร์เรย์รหัสของ Paolo จะทำงานได้หรือไม่ หากคุณต้องการตรวจสอบว่าค่าใดที่ใช้ร่วมกันกับทั้งสองอาร์เรย์คุณจะต้องการสิ่งนี้ (ใช้ฟังก์ชัน inArray ของ Paolo):

function arrayIntersect(a, b) {
    var intersection = [];

    for(var i = 0; i < a.length; i++) {
        if(inArray(b, a[i]))
            intersection.push(a[i]);
    }

    return intersection;
}

wil นี้กลับอาร์เรย์ของค่าที่มีทั้งในและa b(ทางคณิตศาสตร์นี่เป็นจุดตัดของสองอาร์เรย์)

แก้ไข:ดูรหัสแก้ไขของเปาโลสำหรับวิธีการแก้ไขปัญหาของคุณ :)

หากคุณต้องการพารามิเตอร์PHPทั้งหมดที่มีให้ใช้สิ่งนี้:

function in_array(needle, haystack, argStrict) {
    var key = '', strict = !!argStrict;
    if (strict) {
        for (key in haystack) {
            if (haystack[key] === needle) {
                return true;
            }
        }
    }
    else {
        for (key in haystack) {
            if (haystack[key] == needle) {
                return true;
            }
        }
    }
    return false;
}

เพิ่มรหัสนี้ให้กับโครงการของคุณและใช้วิธีการ inArray สไตล์วัตถุ

if (!Array.prototype.inArray) {
    Array.prototype.inArray = function(element) {
        return this.indexOf(element) > -1;
    };
} 
//How it work
var array = ["one", "two", "three"];
//Return true
array.inArray("one");

ด้วยDojo Toolkitdojo.indexOf()คุณจะใช้ ดูdojo.indexOfสำหรับเอกสารประกอบและArrays Made Easyโดย Bryan Forbes สำหรับตัวอย่าง

haystack.find(value => value == needle)

ที่กองหญ้าเป็นอาร์เรย์และเข็มเป็นองค์ประกอบในอาร์เรย์ หากไม่พบองค์ประกอบจะถูกส่งคืนโดยไม่ได้กำหนดเป็นองค์ประกอบเดียวกัน

function in_array(what, where) {
    var a=false;
    for (var i=0; i<where.length; i++) {
        if(what == where[i]) {
            a=true;
            break;
        }
    }
    return a;
}

ฉันพบโซลูชัน jQuery ที่ยอดเยี่ยมที่นี่ใน SO

var success = $.grep(array_a, function(v,i) {
    return $.inArray(v, array_b) !== -1;
}).length === array_a.length;

ฉันหวังว่าจะมีคนโพสต์ตัวอย่างของวิธีการทำเช่นนี้ในขีดล่าง

function in_array(needle, haystack){

    return haystack.indexOf(needle) !== -1;
}

เทียบเท่าin_arrayกับด้วยunderscoreคือ_.indexOf

ตัวอย่าง:

_.indexOf([3, 5, 8], 8); // returns 2, the index of 8 _.indexOf([3, 5, 8], 10); // returns -1, not found

หากคุณจะใช้ในชั้นเรียนและหากคุณต้องการให้ใช้งานได้ (และทำงานในเบราว์เซอร์ทั้งหมด):

inArray: function(needle, haystack)
{
    var result = false;

    for (var i in haystack) {
        if (haystack[i] === needle) {
            result = true;
            break;
        }
    }

    return result;
}

หวังว่าจะช่วยให้ใครบางคน :-)