您的位置:首页 > Web前端 > JQuery

jquery的对象数组的添加元素,删除元素

2016-07-25 12:32 399 查看

jquery对象数组

        小弟今天遇到一个jquery数组对象的问题,添加进去,遍历失败,找不到什么原因    报错原因(SyntaxError: missing ; after for-loop initializer),最后...   认真看代码,百度上面找原因,果断解决了.

         找问题的同时找到了几个比较有用的东西,拿下来留着,万一以后有用!

        <script src="js/jquery.js" ></script>

        <script>

        /**

        * 从对象数组中删除属性为objPropery,值为objValue元素的对象

        * @param Array arrPerson  数组对象

        * @param String objPropery  对象的属性

        * @param String objPropery  对象的值

        * @return Array 过滤后数组

        */

        function remove(arrPerson,objPropery,objValue)

        {

           return $.grep(arrPerson, function(cur,i){

                  return cur[objPropery]!=objValue;

               });

        }

        /**

        * 从对象数组中获取属性为objPropery,值为objValue元素的对象

        * @param Array arrPerson  数组对象

        * @param String objPropery  对象的属性

        * @param String objPropery  对象的值

        * @return Array 过滤后的数组

        */

        function get(arrPerson,objPropery,objValue)

        {

           return $.grep(arrPerson, function(cur,i){

                  return cur[objPropery]==objValue;

               });

        }

        /**

        * 显示对象数组信息

        * @param String info  提示信息

        * @param Array arrPerson  对象数组

        */

4000
        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);

        }

        //测试数据

        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);

        

        //测试删除

        showPersonInfo("原始数组:/r/t",arrPerson);

        arrPerson=remove(arrPerson,"id",1);

        showPersonInfo("删除之后:/r/t",arrPerson);

        //测试获取

        arrPerson=get(arrPerson,"id",3);

        showPersonInfo("只获取ID为3的元素:/r/t",arrPerson);

        

        </script>

$.each遍历对象、数组的属性值并进行处理

通过$.each,可以遍历对象、数组的属性值并进行处理,下面有个示例,需要的朋友可以参考下

通过它,你可以遍历对象、数组的属性值并进行处理。

使用说明

each函数根据参数的类型实现的效果不完全一致:

1、遍历对象(有附加参数)

2、遍历数组(有附件参数)

3、遍历对象(没有附加参数)

4、遍历数组(没有附加参数)

下面提一下jQuery的each方法的几种常用的用法

Js代码

jquery 数组 添加元素

在前提不知道b在这个数组的下标,删除b这个元素 

var arrList = ['a','b','c','d']; 

       

arrList.splice(jQuery.inArray('b',arrList),1); 

alert(arrList); 

其中jQuery.inArray('b',arrList)是b这个元素在数组arrList 中的位置 

splice(index,1)函数中第一个参数index是要删除元素在数组中的位置,第二个参数是要删除的数量。 

Array对象的方法有: 

concat() 连接两个或更多的数组,并返回结果。 

join() 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。 

pop() 删除并返回数组的最后一个元素。 

push() 向数组的末尾添加一个或更多元素,并返回新的长度。 

reverse() 颠倒数组中元素的顺序。 

shift() 删除并返回数组的第一个元素 

slice() 从某个已有的数组返回选定的元素 

sort() 对数组的元素进行排序 

splice() 删除元素,并向数组添加新元素。 

toSource() 返回该对象的源代码。 

toString() 把数组转换为字符串,并返回结果。 

toLocaleString() 把数组转换为本地数组,并返回结果。 

unshift() 向数组的开头添加一个或更多元素,并返回新的长度。 

valueOf() 返回数组对象的原始值。 

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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息