วิธีทำลายฟังก์ชัน _.each ใน underscore.js

ฉันกำลังมองหาวิธีที่จะหยุดการทำซ้ำของ underscore.js _.each()วิธี แต่ไม่สามารถหาวิธีแก้ปัญหา jQuery สามารถทำลายถ้าคุณทำ.each()return false

มีวิธีหยุดขีดเส้นใต้แต่ละอัน () หรือไม่?

_([1,2,3]).each(function(v){
    if (v==2) return /*what?*/;
})

คุณไม่สามารถหยุดจากeachเมธอดได้ - มันเลียนแบบforEachพฤติกรรมของเมธอดดั้งเดิมและเนทีฟforEachไม่ได้ให้การหลบหนีลูป (นอกเหนือจากการโยนข้อยกเว้น)

อย่างไรก็ตามความหวังทั้งหมดจะไม่สูญหายไป! คุณสามารถใช้Array.everyวิธีการ :)

จากลิงค์นั้น:

everyดำเนินการcallbackฟังก์ชั่นที่มีให้หนึ่งครั้งสำหรับแต่ละองค์ประกอบที่มีอยู่ในอาร์เรย์จนกว่าจะพบหนึ่งที่callbackส่งกลับค่าเท็จ หากพบองค์ประกอบดังกล่าวeveryเมธอดจะส่งคืน false ทันที

กล่าวอีกนัยหนึ่งคุณสามารถทำสิ่งที่ซับซ้อนเช่นนี้ ( ลิงก์ไปยัง JSFiddle ):

[1, 2, 3, 4].every(function(n) {
    alert(n);
    return n !== 3;
});

สิ่งนี้จะเตือน1ผ่าน3แล้ว "แยก" ออกจากลูป

คุณกำลังใช้ underscore.js ดังนั้นคุณจะยินดีที่จะเรียนรู้ว่ามันไม่ให้everyวิธีการพวกเขาเรียกมันว่าแต่เป็นลิงค์ที่ระบุว่าพวกเขายังให้สมญานามที่เรียกว่าeveryall

ปรับปรุง:

_.find จะดีกว่าเมื่อแยกออกจากลูปเมื่อองค์ประกอบพบ:

var searchArr = [{id:1,text:"foo"},{id:2,text:"bar"}];
var count = 0;
var filteredEl = _.find(searchArr,function(arrEl){ 
              count = count +1;
              if(arrEl.id === 1 ){
                  return arrEl;
              }
            });

console.log(filteredEl);
//since we are searching the first element in the array, the count will be one
console.log(count);
//output: filteredEl : {id:1,text:"foo"} , count: 1

** เก่า **

หากคุณต้องการแยกลูปแบบมีเงื่อนไขให้ใช้ _.filter api แทน _.each นี่คือข้อมูลโค้ด

var searchArr = [{id:1,text:"foo"},{id:2,text:"bar"}];
var filteredEl = _.filter(searchArr,function(arrEl){ 
                  if(arrEl.id === 1 ){
                      return arrEl;
                  }
                });
console.log(filteredEl);
//output: {id:1,text:"foo"}

คุณสามารถมีดูมาแทน _.some หยุดการข้ามผ่านรายการเมื่อเพรดิเคตเป็นจริง สามารถเก็บผลลัพธ์ไว้ในตัวแปรภายนอกได้_.each_.some

_.some([1, 2, 3], function(v) {
    if (v == 2) return true;
})

ดูhttp://underscorejs.org/#some

_([1,2,3]).find(function(v){
    return v if (v==2);
})

บางทีคุณอาจต้องการขีดเส้นใต้ใด ๆ () หรือ find () ซึ่งจะหยุดการประมวลผลเมื่อตรงตามเงื่อนไข

เช่นเดียวกับคำตอบอื่น ๆ มันเป็นไปไม่ได้ นี่คือความคิดเห็นเกี่ยวกับ breaker ในเครื่องหมายขีดล่างขีดล่าง # 21

คุณไม่สามารถหยุดการforEachขีดเส้นใต้ได้เนื่องจากมันจำลองพฤติกรรมดั้งเดิมของ EcmaScript 5

ฉันเชื่อว่าอาร์เรย์ของคุณเป็นวัตถุจริงหรือไม่คุณสามารถกลับมาใช้วัตถุที่ว่างเปล่าได้

_.({1,2,3,4,5}).each(function(v){  
  if(v===3) return {}; 
});

นอกจากนี้ยังเป็นการดีที่จะทราบว่าแต่ละวงไม่สามารถแยกออกจาก - เพื่อแยกให้ใช้ _.find แทน

http://underscorejs.org/#each

ปรับปรุง:

คุณสามารถ "ทำลาย" โดยการโยนข้อผิดพลาดเข้าไปข้างในแล้วจับมันข้างนอก: อะไรแบบนี้:

try{
  _([1,2,3]).each(function(v){
    if (v==2) throw new Error('break');
  });
}catch(e){
  if(e.message === 'break'){
    //break successful
  }
}

เห็นได้ชัดว่าสิ่งนี้มีความหมายบางอย่างเกี่ยวกับข้อยกเว้นอื่น ๆ ที่รหัสของคุณเรียกใช้ในลูปดังนั้นใช้ด้วยความระมัดระวัง!

ทำงานในกรณีของฉัน

var arr2 = _.filter(arr, function(item){
    if ( item == 3 ) return item;
});