九色国产,午夜在线视频,新黄色网址,九九色综合,天天做夜夜做久久做狠狠,天天躁夜夜躁狠狠躁2021a,久久不卡一区二区三区

打開(kāi)APP
userphoto
未登錄

開(kāi)通VIP,暢享免費(fèi)電子書(shū)等14項(xiàng)超值服

開(kāi)通VIP
jquery的對(duì)象數(shù)組的添加元素,刪除元素

jquery對(duì)象數(shù)組

        小弟今天遇到一個(gè)jQuery數(shù)組對(duì)象的問(wèn)題,添加進(jìn)去,遍歷失敗,找不到什么原因    報(bào)錯(cuò)原因(SyntaxError: missing ; after for-loop initializer),最后...   認(rèn)真看代碼,百度上面找原因,果斷解決了.

         找問(wèn)題的同時(shí)找到了幾個(gè)比較有用的東西,拿下來(lái)留著,萬(wàn)一以后有用!


        <script src="js/jquery.js" ></script>
        <script>
        /**
        * 從對(duì)象數(shù)組中刪除屬性為objPropery,值為objValue元素的對(duì)象
        * @param Array arrPerson  數(shù)組對(duì)象
        * @param String objPropery  對(duì)象的屬性
        * @param String objPropery  對(duì)象的值
        * @return Array 過(guò)濾后數(shù)組
        */
        function remove(arrPerson,objPropery,objValue)
        {
           return $.grep(arrPerson, function(cur,i){
                  return cur[objPropery]!=objValue;
               });
        }
        /**
        * 從對(duì)象數(shù)組中獲取屬性為objPropery,值為objValue元素的對(duì)象
        * @param Array arrPerson  數(shù)組對(duì)象
        * @param String objPropery  對(duì)象的屬性
        * @param String objPropery  對(duì)象的值
        * @return Array 過(guò)濾后的數(shù)組
        */
        function get(arrPerson,objPropery,objValue)
        {
           return $.grep(arrPerson, function(cur,i){
                  return cur[objPropery]==objValue;
               });
        }
        /**
        * 顯示對(duì)象數(shù)組信息
        * @param String info  提示信息
        * @param Array arrPerson  對(duì)象數(shù)組
        */
        function showPersonInfo(info,arrPerson)
        {
           $.each(arrPerson, function(index,callback){
                 info+="Person id:" + arrPerson[index].id + " name:" +  arrPerson[index].name+ " sex:"+ arrPerson[index].sex+" age:"+  arrPerson[index].age+"/r/t";
            });
            alert(info);
        }
        //測(cè)試數(shù)據(jù)
        var arrPerson=new Array();
        var person=new Object();
        person.id=1;
        person.name="帥哥";
        person.sex="男";
        person.age=30;
        arrPerson.push(person);
        
        person=new Object();
        person.id=2;
        person.name="美眉甲";
        person.sex="女";
        person.age=28;
        arrPerson.push(person);
        
        person=new Object();
        person.id=3;
        person.name="美眉乙";
        person.sex="女";
        person.age=20;
        arrPerson.push(person);
        
        //測(cè)試刪除
        showPersonInfo("原始數(shù)組:/r/t",arrPerson);
        arrPerson=remove(arrPerson,"id",1);
        showPersonInfo("刪除之后:/r/t",arrPerson);
        //測(cè)試獲取
        arrPerson=get(arrPerson,"id",3);
        showPersonInfo("只獲取ID為3的元素:/r/t",arrPerson);
        
        </script>


$.each遍歷對(duì)象、數(shù)組的屬性值并進(jìn)行處理

通過(guò)$.each,可以遍歷對(duì)象、數(shù)組的屬性值并進(jìn)行處理,下面有個(gè)示例,需要的朋友可以參考下

通過(guò)它,你可以遍歷對(duì)象、數(shù)組的屬性值并進(jìn)行處理。

使用說(shuō)明

each函數(shù)根據(jù)參數(shù)的類型實(shí)現(xiàn)的效果不完全一致:

1、遍歷對(duì)象(有附加參數(shù))

1
2
3
4
$.each(Object, function(p1, p2) {
this;//這里的this指向每次遍歷中Object的當(dāng)前屬性值
p1; p2; //訪問(wèn)附加參數(shù)
}, ['參數(shù)1','參數(shù)2']);

2、遍歷數(shù)組(有附件參數(shù))

1
2
3
4
$.each(Array, function(p1, p2){
this;//這里的this指向每次遍歷中Array的當(dāng)前元素
p1; p2; //訪問(wèn)附加參數(shù)
}, ['參數(shù)1','參數(shù)2']);

3、遍歷對(duì)象(沒(méi)有附加參數(shù))

1
2
3
4
5
$.each(Object, function(name, value) {
this;//this指向當(dāng)前屬性的值
name; //name表示Object當(dāng)前屬性的名稱
value; //value表示Object當(dāng)前屬性的值
});

4、遍歷數(shù)組(沒(méi)有附加參數(shù))

1
2
3
4
5
$.each(Array, function(i, value) {
this;//this指向當(dāng)前元素
i; //i表示Array當(dāng)前下標(biāo)
value; //value表示Array當(dāng)前元素
});

下面提一下jQuery的each方法的幾種常用的用法

Js代碼

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
var arr = [ "one", "two", "three","four"];
$.each(arr, function(){
alert(this);
});
//上面這個(gè)each輸出的結(jié)果分別為:one,two,three,four
var arr1 = [[1, 4, 3], [4, 6, 6], [7, 20, 9]]
$.each(arr1, function(i, item){
alert(item[0]);
});
//其實(shí)arr1為一個(gè)二維數(shù)組,item相當(dāng)于取每一個(gè)一維數(shù)組,
//item[0]相對(duì)于取每一個(gè)一維數(shù)組里的第一個(gè)值
//所以上面這個(gè)each輸出分別為:1 4 7
var obj = { one:1, two:2, three:3, four:4};
$.each(obj, function(key, val) {
alert(obj[key]);
});
//這個(gè)each就有更厲害了,能循環(huán)每一個(gè)屬性
//輸出結(jié)果為:1 2 3 4

jquery 數(shù)組 添加元素

在前提不知道b在這個(gè)數(shù)組的下標(biāo),刪除b這個(gè)元素 


var arrList = ['a','b','c','d']; 
       
arrList.splice(jQuery.inArray('b',arrList),1); 


alert(arrList); 


其中jQuery.inArray('b',arrList)是b這個(gè)元素在數(shù)組arrList 中的位置 
splice(index,1)函數(shù)中第一個(gè)參數(shù)index是要?jiǎng)h除元素在數(shù)組中的位置,第二個(gè)參數(shù)是要?jiǎng)h除的數(shù)量。 


Array對(duì)象的方法有: 
concat() 連接兩個(gè)或更多的數(shù)組,并返回結(jié)果。 
join() 把數(shù)組的所有元素放入一個(gè)字符串。元素通過(guò)指定的分隔符進(jìn)行分隔。 
pop() 刪除并返回?cái)?shù)組的最后一個(gè)元素。 
push() 向數(shù)組的末尾添加一個(gè)或更多元素,并返回新的長(zhǎng)度。 
reverse() 顛倒數(shù)組中元素的順序。 
shift() 刪除并返回?cái)?shù)組的第一個(gè)元素 
slice() 從某個(gè)已有的數(shù)組返回選定的元素 
sort() 對(duì)數(shù)組的元素進(jìn)行排序 
splice() 刪除元素,并向數(shù)組添加新元素。 
toSource() 返回該對(duì)象的源代碼。 
toString() 把數(shù)組轉(zhuǎn)換為字符串,并返回結(jié)果。 
toLocaleString() 把數(shù)組轉(zhuǎn)換為本地?cái)?shù)組,并返回結(jié)果。 
unshift() 向數(shù)組的開(kāi)頭添加一個(gè)或更多元素,并返回新的長(zhǎng)度。 
valueOf() 返回?cái)?shù)組對(duì)象的原始值。 


var arrList = new Array();


arrList.push("abc");


var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"


document.write(arr.join())


參考地址:http://www.w3school.com.cn/jsref/jsref_obj_array.asp


本站僅提供存儲(chǔ)服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)點(diǎn)擊舉報(bào)
打開(kāi)APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
jquery 數(shù)組 添加元素
JQuery中each()的使用方法說(shuō)明
WPS JS宏入門(mén)案例集錦
【干貨】js 數(shù)組詳細(xì)操作方法及解析合集
重磅!超詳細(xì)的 JS 數(shù)組方法整理出來(lái)了
JS數(shù)組方法(ES5、ES6)
更多類似文章 >>
生活服務(wù)
熱點(diǎn)新聞
分享 收藏 導(dǎo)長(zhǎng)圖 關(guān)注 下載文章
綁定賬號(hào)成功
后續(xù)可登錄賬號(hào)暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點(diǎn)擊這里聯(lián)系客服!

聯(lián)系客服