Array.push () ถ้าไม่มีอยู่?

ฉันจะดันเข้าไปในอาร์เรย์ได้อย่างไรถ้าไม่มีค่าอยู่? นี่คืออาร์เรย์ของฉัน:

[
    { name: "tom", text: "tasty" },
    { name: "tom", text: "tasty" },
    { name: "tom", text: "tasty" },
    { name: "tom", text: "tasty" },
    { name: "tom", text: "tasty" }
]

ถ้าฉันพยายามที่จะผลักอีกครั้งในแถวลำดับด้วยname: "tom"หรือtext: "tasty"ฉันไม่ต้องการให้เกิดอะไรขึ้น ... แต่ถ้าไม่มีสิ่งเหล่านั้นฉันก็อยากให้มัน.push()

ฉันจะทำสิ่งนี้ได้อย่างไร

คุณสามารถขยายต้นแบบ Array ด้วยวิธีการที่กำหนดเอง:

// check if an element exists in array using a comparer function
// comparer : function(currentElement)
Array.prototype.inArray = function(comparer) { 
    for(var i=0; i < this.length; i++) { 
        if(comparer(this[i])) return true; 
    }
    return false; 
}; 

// adds an element to the array if it does not already exist using a comparer 
// function
Array.prototype.pushIfNotExist = function(element, comparer) { 
    if (!this.inArray(comparer)) {
        this.push(element);
    }
}; 

var array = [{ name: "tom", text: "tasty" }];
var element = { name: "tom", text: "tasty" };
array.pushIfNotExist(element, function(e) { 
    return e.name === element.name && e.text === element.text; 
});

สำหรับอาเรย์ของสตริง (แต่ไม่ใช่อาเรย์ของออบเจ็กต์) คุณสามารถตรวจสอบว่ามีไอเท็มอยู่โดยการเรียกใช้หรือไม่.indexOf()และถ้ามันไม่เพียงแค่ดันไอเท็มเข้าไปในอาเรย์

var newItem = "NEW_ITEM_TO_ARRAY";
var array = ["OLD_ITEM_1", "OLD_ITEM_2"];

array.indexOf(newItem) === -1 ? array.push(newItem) : console.log("This item already exists");

console.log(array)

มันค่อนข้างง่ายที่จะใช้Array.findIndexฟังก์ชั่นซึ่งรับฟังก์ชั่นเป็นอาร์กิวเมนต์:

var a = [{name:"bull", text: "sour"},
    { name: "tom", text: "tasty" },
    { name: "tom", text: "tasty" }
]
var index = a.findIndex(x => x.name=="bob")
// here you can check specific property for an object whether it exist in your array or not

if (index === -1){
    a.push({your_object});
}
else console.log("object already exists")

http://api.jquery.com/jQuery.unique/

var cleanArray = $.unique(clutteredArray);

คุณอาจสนใจใน makeArray ด้วย

ตัวอย่างก่อนหน้านี้ดีที่สุดในการบอกว่าตรวจสอบว่ามันมีอยู่ก่อนที่จะผลักดัน ฉันเห็นว่ามันสามารถเข้าใจได้ว่ามันเป็นส่วนหนึ่งของต้นแบบ (ฉันเดาว่านั่นคือส่วนขยายคลาส) ดังนั้นจึงไม่มีการปรับปรุงที่ดีด้านล่าง

ยกเว้นฉันไม่แน่ใจว่า indexOf เป็นเส้นทางที่เร็วกว่าหรือไม่แล้วใน Array อาจ.

Array.prototype.pushUnique = function (item){
    if(this.indexOf(item) == -1) {
    //if(jQuery.inArray(item, this) == -1) {
        this.push(item);
        return true;
    }
    return false;
}

ใช้ไลบรารี js เช่นunderscore.jsด้วยเหตุผลเหล่านี้ ใช้: union: คำนวณยูเนี่ยนของอาร์เรย์ที่ส่งผ่าน: รายการของรายการที่ไม่ซ้ำตามลำดับที่มีอยู่ในหนึ่งหรือหลายอาร์เรย์

_.union([1, 2, 3], [101, 2, 1, 10], [2, 1]);
=> [1, 2, 3, 101, 10]

แบบนี้?

var item = "Hello World";
var array = [];
if (array.indexOf(item) === -1) array.push(item);

ด้วยวัตถุ

var item = {name: "tom", text: "tasty"}
var array = [{}]
if (!array.find(o => o.name === 'tom' && o.text === 'tasty'))
    array.push(item)

ฉันรู้ว่านี่เป็นคำถามที่เก่ามาก แต่ถ้าคุณใช้ ES6 คุณสามารถใช้รุ่นที่เล็กมาก:

[1,2,3].filter(f => f !== 3).concat([3])

ง่ายมากในตอนแรกเพิ่มตัวกรองที่จะลบรายการ - ถ้ามันมีอยู่แล้วเพิ่มผ่านทาง concat

นี่คือตัวอย่างที่เหมือนจริงมากขึ้น:

const myArray = ['hello', 'world']
const newArrayItem

myArray.filter(f => f !== newArrayItem).concat([newArrayItem])

หากคุณเป็นอาร์เรย์มีวัตถุคุณสามารถปรับฟังก์ชั่นตัวกรองดังนี้:

someArray.filter(f => f.some(s => s.id === myId)).concat([{ id: myId }])

กดแบบไดนามิก

var a = [
  {name:"bull", text: "sour"},
  {name: "tom", text: "tasty" },
  {name: "Jerry", text: "tasty" }
]

function addItem(item) {
  var index = a.findIndex(x => x.name == item.name)
  if (index === -1) {
    a.push(item);
  }else {
    console.log("object already exists")
  }
}

var item = {name:"bull", text: "sour"};
addItem(item);

ด้วยวิธีการง่ายๆ

var item = {name:"bull", text: "sour"};
a.findIndex(x => x.name == item.name) == -1 ? a.push(item) : console.log("object already exists")

หากอาร์เรย์มีชนิดดั้งเดิม / อาร์เรย์แบบง่ายเท่านั้น

var b = [1, 7, 8, 4, 3];
var newItem = 6;
b.indexOf(newItem) === -1 && b.push(newItem);

ฉันขอแนะนำให้คุณใช้ชุด ,

ชุดอนุญาตเฉพาะรายการที่ไม่ซ้ำกันซึ่งจะแก้ปัญหาของคุณโดยอัตโนมัติ

ชุดสามารถประกาศได้เช่น:

const baz = new Set(["Foo","Bar"])

โค้ดง่าย ๆ ถ้า 'indexOf' ส่งคืน '-1' หมายความว่าองค์ประกอบนั้นไม่ได้อยู่ในอาร์เรย์ดังนั้นเงื่อนไข '=== -1' จะเรียกข้อมูลจริง / เท็จ

ตัวดำเนินการ '&&' หมายถึง 'และ' ดังนั้นหากเงื่อนไขแรกเป็นจริงเราจะส่งมันไปยังอาร์เรย์

array.indexOf(newItem) === -1 && array.push(newItem);

ไม่แน่ใจเกี่ยวกับความเร็ว แต่stringification+ indexOfเป็นวิธีง่าย ๆ เริ่มต้นด้วยการเปลี่ยนอาร์เรย์ของคุณเป็นสตริง:

let strMyArray = JSON.stringify(myArray);

จากนั้นสำหรับชุดของคู่ของค่าแอตทริบิวต์คุณสามารถใช้:

if (strMyArray.indexOf('"name":"tom"') === -1 && strMyArray.indexOf('"text":"tasty"') === -1) {
   myArray.push({ name: "tom", text: "tasty" });
}

การค้นหาวัตถุทั้งหมดนั้นง่ายกว่า:

if (strMyArray.indexOf(JSON.stringify(objAddMe) === -1) { 
   myArray.push(objAddMe);
}

ในกรณีที่คุณต้องการอะไรที่เรียบง่ายโดยไม่ต้องการที่จะขยายต้นแบบ Array:

// Example array
var array = [{id: 1}, {id: 2}, {id: 3}];

function pushIfNew(obj) {
  for (var i = 0; i < array.length; i++) {
    if (array[i].id === obj.id) { // modify whatever property you need
      return;
    }
  }
  array.push(obj);
}

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

Array.prototype.pushIfNotExist = function(val) {
    if (typeof(val) == 'undefined' || val == '') { return; }
    val = $.trim(val);
    if ($.inArray(val, this) == -1) {
        this.push(val);
    }
};

อัปเดต: แทนที่ indexOf และตัดขอบด้วยทางเลือก jQuery สำหรับความเข้ากันได้ของ IE8

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

var newItem = {'unique_id': 123};
var searchList = [{'unique_id' : 123}, {'unique_id' : 456}];

hasDuplicate = searchList
   .map(function(e){return e.unique_id== newItem.unique_id})
   .reduce(function(pre, cur) {return pre || cur});

if (hasDuplicate) {
   searchList.push(newItem);
} else {
   console.log("Duplicate Item");
}

ตัวอย่างสั้น ๆ :

if (typeof(arr[key]) === "undefined") {
  arr.push(key);
}

a คืออาร์เรย์ของวัตถุที่คุณมี

a.findIndex(x => x.property=="WhateverPropertyYouWantToMatch") <0 ? 
a.push(objectYouWantToPush) : console.log("response if object exists");

คุณสามารถใช้วิธี findIndex ด้วยฟังก์ชันการเรียกกลับและพารามิเตอร์ "this"

หมายเหตุ: เบราว์เซอร์เก่าไม่รู้จัก findIndex แต่มีโพลีฟิลล์

โค้ดตัวอย่าง (โปรดระวังว่าในคำถามเดิมวัตถุใหม่จะถูกพุชก็ต่อเมื่อไม่มีข้อมูลใด ๆ อยู่ในออบเจ็กต์ที่ถูกบีบอัดแบบ previoulsy):

var a=[{name:"tom", text:"tasty"}], b;
var magic=function(e) {
    return ((e.name == this.name) || (e.text == this.text));
};

b={name:"tom", text:"tasty"};
if (a.findIndex(magic,b) == -1)
    a.push(b); // nothing done
b={name:"tom", text:"ugly"};
if (a.findIndex(magic,b) == -1)
    a.push(b); // nothing done
b={name:"bob", text:"tasty"};
if (a.findIndex(magic,b) == -1)
    a.push(b); // nothing done
b={name:"bob", text:"ugly"};
if (a.findIndex(magic,b) == -1)
    a.push(b); // b is pushed into a

ฉันเดาว่าฉันจะสายเกินไปที่จะตอบที่นี่ แต่นี่คือสิ่งที่ฉันมาในที่สุดสำหรับผู้จัดการอีเมลที่ฉันเขียน ทำงานนั่นคือทั้งหมดที่ฉันต้องการ

window.ListManager = [];
$('#add').click(function(){
//Your Functionality
  let data =Math.floor(Math.random() * 5) + 1 
  
  if (window.ListManager.includes(data)){
      console.log("data exists in list")
  }else{
       window.ListManager.push(data);
  }
  
  
  $('#result').text(window.ListManager);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<h1>Unique List</h1>

<p id="result"></p>
<button id="add">Add to List</button>

นี่คือการทำงาน func สำหรับการเปรียบเทียบวัตถุ ในบางกรณีคุณอาจมีเขตข้อมูลจำนวนมากที่จะเปรียบเทียบ เพียงแค่วนรอบอาร์เรย์และเรียกใช้ฟังก์ชันนี้ด้วยรายการที่มีอยู่และรายการใหม่

 var objectsEqual = function (object1, object2) {
        if(!object1 || !object2)
            return false;
        var result = true;
        var arrayObj1 = _.keys(object1);
        var currentKey = "";
        for (var i = 0; i < arrayObj1.length; i++) {
            currentKey = arrayObj1[i];
            if (object1[currentKey] !== null && object2[currentKey] !== null)
                if (!_.has(object2, currentKey) ||
                    !_.isEqual(object1[currentKey].toUpperCase(), object2[currentKey].toUpperCase()))
                    return false;
        }
        return result;
    };

ที่นี่คุณมีวิธีที่จะทำมันในหนึ่งบรรทัดสำหรับสองอาร์เรย์:

const startArray = [1,2,3,4]
const newArray = [4,5,6]

const result = [...startArray, ...newArray.filter(a => !startArray.includes(a))]

console.log(result);
//Result: [1,2,3,4,5,6]

คุณสามารถใช้ jQuery grep และพุชหากไม่มีผลลัพธ์: http://api.jquery.com/jQuery.grep/

โดยพื้นฐานแล้วมันเป็นโซลูชันเดียวกับในโซลูชัน "การขยายต้นแบบ" แต่ไม่มีการขยายต้นแบบ (หรือก่อให้เกิดมลพิษ)

คุณสามารถตรวจสอบอาร์เรย์โดยใช้ foreach จากนั้นป๊อปไอเท็มนั้นถ้ามีอยู่มิฉะนั้นให้เพิ่มไอเท็มใหม่ ...

ตัวอย่าง newItemValue & submitFields คือคู่ของคีย์, ค่า

> //submitFields existing array
>      angular.forEach(submitFields, function(item) {
>                   index++; //newItemValue new key,value to check
>                     if (newItemValue == item.value) {
>                       submitFields.splice(index-1,1);
>                         
>                     } });

                submitFields.push({"field":field,"value":value});