-3 
  var arrPropertiesAndChannels = null, arrPrrp = null, arrLeftProp = null, arrMiddleDefault = null, arrRightProp = null;
        $(document).ready(function () {
            arrPropertiesAndChannels = { "props": [{ "prid": "61494", "prname": "Park Plaza Hotel Gurgaon", "pos": "1", "pinned": false, "display": true }, { "prid": "62998", "prname": "Lemon Tree City Center", "pos": "2", "pinned": false, "display": true }, { "prid": "62999", "prname": "Lemon Tree Hotel Udyog Vihar", "pos": "3", "pinned": false, "display": true }, { "prid": "78097", "prname": "Royal Retreat", "pos": "4", "pinned": false, "display": false }, { "prid": "78098", "prname": "SkRetreat", "pos": "5", "pinned": false, "display": false }, { "prid": "78099", "prname": "VBkRetreat", "pos": "6", "pinned": false, "display": false}], "chans": [{ "chid": "1", "chname": "FACEBOOK", "pos": "1" }, { "chid": "2", "chname": "TWITTER", "pos": "2" }, { "chid": "3", "chname": "NEWSLETTER", "pos": "3"}] };
            arrPrrp = arrPropertiesAndChannels.props;
            arrLeftProp = arrPrrp.slice(0, 0);
            arrMiddleDefault = arrPrrp.slice(0, 3);
            arrRightProp = arrPrrp.slice(3, 8);

        });


function navigRight() {
    var tempprid = '';



    $.each(arrMiddleDefault, function (i, data) {
        console.log(data.prid);
        if (data.pinned == false) {
            arrLeftProp.push(data);
            tempprid = data.prid;
            //console.log(tempprid);
            //break;
        }
    });



arrMiddleDefault = arrMiddleDefault.filter(function (el) {
        return el.prid !== tempprid;
    });

    arrMiddleDefault.push(arrRightProp.slice(0, 1));
    //console.log(arrMiddleDefault);
    //console.log(arrLeftProp);


    arrRightProp = arrRightProp.filter(function (el) {
        return el.prid !== arrRightProp.slice(0, 1)[0].prid;
    });

}

<div>
        <input type="button" value="<<" onclick="navigLeft()">
        <div id="dvTest">
        </div>
        <input type="button" value=">>" onclick="navigRight()">
    </div>

私はjsonデータ変数を持っています

arrPropertiesAndChannels ={ "props": [{ "prid": "61494", "prname": "Park Plaza Hotel Gurgaon", "pos": "1", "pinned": false, "display": true }, { "prid": "62998", "prname": "Lemon Tree City Center", "pos": "2", "pinned": false, "display": true }, { "prid": "62999", "prname": "Lemon Tree Hotel Udyog Vihar", "pos": "3", "pinned": false, "display": true }, { "prid": "78097", "prname": "Royal Retreat", "pos": "4", "pinned": false, "display": false }, { "prid": "78098", "prname": "SkRetreat", "pos": "5", "pinned": false, "display": false }, { "prid": "78099", "prname": "VBkRetreat", "pos": "6", "pinned": false, "display": false}], "chans": [{ "chid": "1", "chname": "FACEBOOK", "pos": "1" }, { "chid": "2", "chname": "TWITTER", "pos": "2" }, { "chid": "3", "chname": "NEWSLETTER", "pos": "3"}] };

私たちが持っている

arrPrrp = arrPropertiesAndChannels.props;
arrLeftProp = arrPrrp.slice(0, 0);
console.log(arrLeftProp);
arrMiddleDefault = arrPrrp.slice(0, 3);
console.log(arrMiddleDefault);
arrRightProp = arrPrrp.slice(3, 8);
console.log(arrRightProp);

ボタンの値は ">>" です。このボタンをクリックすると、javascript navigRight() 関数が ... を呼び出し、arrMiddleDefault の最初の項目が arrLeftProp 配列にプッシュされます。今回は、最初の項目が arrMiddleDefault 配列から削除され、arrRightProp の最初の項目が arrMiddleDefault 配列に挿入されます。ボタン ">>" の最初のクリック console.log(data.prid) は、navigRight() 関数で 61494,62998,62999 を返します。2 回目の console.log(data.prid) は 61494,62998,undefined を返し、3 回目の console.log(data.prid) は 61494,undefined,undefined を返し、4 回目の console.log(data.prid) は undefined,undefined,undefined を返します

4

1 に答える 1

0

問題は、あなたが呼び出すときです：

arrMiddleDefault.push(arrRightProp.slice(0, 1));

arrMiddleDefault最初の要素を配列にプッシュしたいときに、配列を配列にプッシュしていarrMiddleDefaultます。

代わりにこれを使用できます：

arrMiddleDefault.push(arrRightProp.slice(0, 1)[0]);

しかし、これは次のように短縮することもできます。

arrMiddleDefault.push(arrRightProp[0]);

同様に、次のものがあります。

   return el.prid !== arrRightProp.slice(0, 1)[0].prid;

次のように短縮できます。

   return el.prid !== arrRightProp[0].prid;
于 2013-04-04T20:07:15.210 に答える