网络技术 > 前端设计
JS数组的使用
分类:前端设计    时间:2019-09-28    浏览:283次

//数组操作

//1. concat()
//连接两个或多个数组,并返回结果
var a = [1,2,3];
var b = a.concat(6,7);
console.log(a); //[1,2,3]
console.log(b); //[1,2,3,6,7]

//2. join(str)
//把数组的所有元素用str分隔,默认逗号分隔
var a = [1,2,3]
var b = a.join(''|'');
console.log(a); //[1,2,3]
console.log(b); //"1|2|3"

//3. pop()
//删除并返回数组的最后一个元素的值
var a = [1,2,3];
var b = a.pop();
console.log(a); //[1,2]
console.log(b); //3

//4. push()
//向数组的末尾添加一个或更多元素,并返回新的数组长度
var a = [1,2,3];
var b = a.push(''4'',''5'');
console.log(a); //[1,2,3,4,5]
console.log(b); //5

//5. reverse()
//反转数组中元素的顺序
var a = [1,2,3,4,5];
var b = a.reverse();
console.log(a); //[5,4,3,2,1]
console.log(b); //[5,4,3,2,1]

//6. shift()
//删除并返回数组的第一个元素
var a = [1,2,3];
var b = a.shift();
console.log(a); //[2,3]
console.log(b); //1

//7. slice(start,end)
//从已有的数组中返回选定的元素
var a = [1,2,3,4,5];
var b = a.slice(0,-1);
var c = a.slice(1,3);
var d = a.slice(1);
var e = a.slice(2,-2);
var f = a.slice(3,1);
console.log(a); //[1,2,3,4,5]
console.log(b); //[1,2,3,4]
console.log(c); //[2,3]
console.log(d); //[2,3,4,5]
console.log(e); //[3]
console.log(f); //[]

//8. sort(func)
//按指定的参数对数组排序
//注:func 必须返回一个值。
//负值,第一个参数比第二个参数小,排在前面。
//零,相等。
//正值,第一个参数比第二个参数大,排在后面。
var a = [1,2,10,3];
var b = a.sort();
console.log(a); //[1,10,2,3]
console.log(b); //[1,10,2,3]
var num = function(x,y) {
return x - y;
}
var c = a.sort(num);
console.log(a); //[1,2,3,10]
console.log(c); //[1,2,3,10]

//9. splice(start,deleteCount,val1,val2,···)
//从一个数组中移除一个或多个元素,并在该位置插入新元素,返回所移除的元素
var a = [1,2,3,4,5];
var b = a.splice(2,2,7,8);
console.log(a); //[1,2,7,8,5]
console.log(b); //[3,4]

//10. unshift(val1,val2,···)
//将指定元素插入数组开始位置,并返回新的长度
var a = [1,2,3];
var b = a.unshift(-2,-1);
console.log(a); //[-2,-1,1,2,3]
console.log(b); //5

//11. toString()
//将数组的元素转换为字符串,并用逗号分隔,且连接起来
var a = [1,2,3,4,5];
var b = a.toString();
console.log(a); //[1,2,3,4,5]
console.log(b); //"1,2,3,4,5"

//JavaScript数组,JSON对象实现动态添加、修改、删除
var a = JSON.parse("{\"title\":\"\",\"data\":[]}");
var b = JSON.parse("{\"id\":\"2\"}");
var c = JSON.parse("{\"id\":\"3\"}");
var d = JSON.parse("{\"id\":\"4\"}");
var e = JSON.parse("{\"id\":\"5\"}");
var f = JSON.parse("{\"id\":\"6\"}");

debugger;
/* javascript里面的数组,json对象,动态添加,修改,
删除示例 只要适合Javascript的方法都是可以用在JSON对象的数组中的!
所以还有另外的方法splice( )进行crud操作!
*/
//增加属性
$(a).attr("id", "1");
//增加子对象
a.data.push(b);//数组最后加一条记录
a.data.push(c);
a.data.push(d);
a.data.unshift(d);//数组最前面加一条记录
//修改子对象及属性
a.title = "这是json名字";
//删除子对象
//json的删除有很多种,直接用过 delete  json对象方式:
delete  a.data[1];
a.data.pop(); //删除最后一项
a.data.shift(); //删除第一项
a.data.splice(0, 1); //删除指定子对象,参数:开始位置,删除个数
//替换不删除
a.data.splice(1, 0, e, f);//开始位置,删除个数,插入对象
//替换并删除 a.data.splice(0, 1, e, f);//开始位置,删除个数,插入对象
console.log(a);

Copyright © 2014 XfengNet.COM Inc. All Rights Reserved. 苏ICP备08014032号
返回顶部