亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

動態替換數組中的值

動態替換數組中的值

慕尼黑5688855 2022-06-09 19:03:56
我有這樣的場景。說:讓 a = [2,5,6] 讓 b = [1,2,3,4,5,6,7,8]。數組 b 顯示在方框中,并在單擊任何方框時顯示。我想要做的是,當單擊任何框并且該值與數組 a 中的任何值相同時,我將值替換為其他唯一值,如果它們不一樣,我將顯示為原樣。例如,如果我單擊一個值為 2 或 5 或 6 的框,我會將這些值替換為其他值。一個最小的例子是:new Vue({  el: "#app",  data: {    a: [2,5,6],    b: [1,2,3,4,5,6,7,8]  },  methods: {    replaceNumber() {      // function to replace the values    }  }})body {  background: #20262E;  padding: 20px;  font-family: Helvetica;}#app {  background: #fff;  border-radius: 4px;  padding: 20px;  transition: all 0.2s;}.numbers {  display: flex;}li {  list-style-type: none;}<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script><div id="app">  <h2>Numbers:</h2>  <br/>  <ul class="numbers">    <li v-for="num in a">      {{num}}    </li>  </ul>  <br/>    <template>    <button @click="replaceNumber" v-for="number in b">    {{ number }}    </button>  </template></div>
查看完整描述

2 回答

?
ITMISS

TA貢獻1871條經驗 獲得超8個贊

用于indexOf()定位要替換的元素的位置。

然后splice()與刪除該元素的索引一起使用。

然后splice()再次使用將新值插入同一索引。

檢查上述每種方法的文檔以了解它們的語法。


查看完整回答
反對 回復 2022-06-09
?
www說

TA貢獻1775條經驗 獲得超8個贊

如果在第一個數組中找到,您可以嘗試使用隨機數,即a


var a = [2,5,6] 

 var b = [1,2,3,4,5,6,7,8]

 a.forEach(function(e){

    $("#aDiv").append(`<h2>${e}</h2>`);

 })

 

  b.forEach(function(e){

    $("#bDiv").append(`<h2 class="seconddiv">${e}</h2>`);

 });

 

 $(".seconddiv").on('click',function(){

    let val= $(this).html();

    if(a.includes(parseInt(val))){

      var  uniqueNo = 0;

       do {

          uniqueNo=getRandomInt(0,10);

       }

        while (a.includes(parseInt(uniqueNo)));

       $(this).html(uniqueNo);

    }

 })

 

let getRandomInt= (x,y)=>x+(y-x+1)*crypto.getRandomValues(new Uint32Array(1))[0]/2**32|0

#aDiv,#bDiv{

 color:yellow;

 background-color:black;

}

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

<div class="maindiv">

     <div   id="aDiv">

  

     </div>

    <div id="bDiv" style="margin-top:50px;">

  

     </div>

</div>


查看完整回答
反對 回復 2022-06-09
  • 2 回答
  • 0 關注
  • 156 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號