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、遍历对象(有附加参数)
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
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Python动态类型的学习---引用的理解
- JavaScript演示排序算法
- 2015-2016网页设计趋势分析 Web Design of Trends
- jQuery Ajax 跨域调用
- 移动端的长按事件
- jquery教程靠边站,一分钱不花让你免费学会jquery
- JQuery+Strusts1.x无刷新登录
- $.ajax()方法详解
- jQuery ajax - ajax() 方法
- JavaScript 各种遍历方式详解
- 数组方法汇总
- IE:添加编辑器
- “百度与站长”更新:关于网站收录,删除,seo等
- 土人系列AS入门教程 -- 对象篇
- jQuery Html控件基本操作(日常收集整理)
- jQuery插件实现文字无缝向上滚动效果代码
- jQuery菜单插件用法实例
- JQuery 初体验(建议学习jquery)
- 基于Jquery和CSS3制作数字时钟附源码下载(CSS3篇)