JavaScript中Array的实用操作技巧分享
2019-12-30 16:00:19来源：爱站网 阅读 ()
我们在开发程序的时候，会遇到很多复杂的情况，这个时候我们要怎么进行处理，才会比较轻松呢？接下来爱站技术频道小编就为大家讲解JavaScript中Array的实用操作技巧分享。
一、关于Array
Array的创建很灵活，可以使用Array构造函数，也可以直接创建数组“字面量”。
var arr = new Array(); //[]
var brr = Array(); //[] 两者等效
var arr = Array(3); //[]
arr.length; //3 长度为3的空数组
var arr = Array(22,33,'qq',{}); //[22, 33, "qq", Object]
var brr = [22,33,'qq',{}]; //同上Array是JavaScript的内置对象，是的，虽然是数组，也是一种对象！！
使用typeof判断会返回Object！ 而Array.isArray方法能更精准判断其类型。
var a = []; typeof a; //object Array.isArray(a); //true
二、常用方法
push()方法
push方法能添加一个或者多个元素至数组的末端，并返回被改变后的数组的长度！
注意： ①其返回的是数组的长度，而不是数组！
??????????? ②此方法会改变原数组！！
var arr = Array(22,33,'qq',{});
arr.push('weibo'); //5
arr //[22, 33, "qq", {}, "weibo"]当我们想合并两个数组时需要这样使用
var a = [22,33]; var b = [44,55]; Array.prototype.push.apply(a, b) // 或者 a.push.apply(a, b) // 或者 a.push(44,55); //此时的数组a = [22,33,44,55];
注意不能写成以下这样！！
a.push(b); a; //[22,33,[44,55]] a.length; // 3 !! console.log(a); //[22, 33, Array[2]]
直接写成a.push(b) ,会将b认为是一个元素添加到a，并不能得到理想效果！
倘若现在又两个对象数组需要合并就像如下：
var a = [
{name: 'Stark', value: 'Ironman'},
{name: 'Cap' , value: 'Oldman'}
];
var b = [
{name: 'Jerry', email: 'Jerry@qq.com'},
{name: 'Lory' , email: 'Lory@163.com'},
{name: 'susan', email: 'susan@gmail.com'}
];
//错误写法
a.push(b); //3
console.log(a); //[Object, Object, Array[3]]
//正确写法
a.push.apply(a.b); //5
console.log(a); //[Object, Object, Object, Object, Object]pop()方法
与push相反，是删除数组最后一个元素并返回这个被删除的元素：
var a = ['qq', 'weibo', 'weixin']; a.pop(); // 'weixin' a; // ['qq', 'weibo']
join()方法
将数组按照相应参数分隔开，并以字符串形式返回，若空参数，则使用‘,'分隔。此方法并不会改变原数组：
var a = [1, 2, 3, 4];
a.join(' ') // '1 2 3 4'
a.join(' | ') // "1 | 2 | 3 | 4"
var b = a.join() // "1,2,3,4"
console.log(a); // [1, 2, 3, 4]
console.log(b); // "1,2,3,4"concat()方法
能将多个数组合并，返回一个新的数组，但原数组不变：
var a = [22,33]; var b = [44,55]; var c = a.concat(b); console.log(a); //[22, 33] console.log(b); //[44, 55] console.log(c); //[22, 33, 44, 55]
var a = [{name: 'tom', email: 'tom@example.com'},
{name: 'peter', email: 'peter@163.com'}];
var b = [{name: 'Jerry', email: 'Jerry@qq.com'},
{name: 'Lory', email: 'Lory@dfl.com'},
{name: 'susan', value: 'susan@gmail.com'}];
var c = a.concat(b);
c; // [{name: 'tom', email: 'tom@example.com'},
// {name: 'peter', email: 'peter@163.com'},
// {name: 'Jerry', email: 'Jerry@qq.com'},
// {name: 'Lory', email: 'Lory@dfl.com'},
// {name: 'susan', value: 'susan@gmail.com'}]map()方法
map方法会对数组的各个成员依次调用一个函数，返回一个经函数处理后的新数组，但原数组并不会被改变！
var numbers = [1, 2, 3];
var num = numbers.map(function (n) { // [2, 4, 6]
return n * 2;
});
numbers; //[1,2,3]map方法调用的函数的参数为一个时，此参数表示数组的当前成员；当参数为三个是依次为
当前成员elem，索引index，原数组本身arr
var brr = [1, 2, 3].map( function(elem, index, arr) {
return elem * index;
});
brr; // [0, 2, 6]map方法还可以接受第二个参数，表示回调函数执行时this所指向的对象。
var arr = ['a', 'b', 'c'];
var brr = [0, 2].map(function(e){
return this[e];
}, arr)
brr; // ['a', 'c']在应用中，有时使用ajax技术需要动态利用参数数组转换成一个url请求时，map方法会非常方便，例如：
var b = [
{name: 'Jerry', email: 'Jerry@qq.com'},
{name: 'Lory', email: 'Lory@dfl.com'},
{name: 'susan', value: 'susan@gmail.com'}];
var url = b.
map(function(n){
return n.name + "=" + n.email
})
.join("&");
console.log(url);
//Jerry=Jerry@qq.com&Lory=Lory@dfl.com&susan=susan@gmail.com然后在url前面加上ip地址以及action和方法，就能完成一个ajax所需的动态url的拼接，例如：
var endURL = "localhost:8080/XXXX/" + eventAction + "!" + operation + "?"
+ url;相信大家在看过了爱站技术频道小编的介绍后，对于JavaScript中Array的实用操作技巧分享有了了解，希望小编这篇文章会帮助到大家。
原文链接:https://js.aizhan.com/develop/JavaScript/10970.html
如有疑问请与原作者联系
标签：
版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有
上一篇：JS简单随机数生成方法
- javascript面向对象入门基础详细介绍 2020-03-29
- JavaScript函数表达式详解及实例 2020-03-25
- 如何用javascript连接access数据库 2020-03-20
- js中去掉字串左右空格 2020-03-20
- Javascript中的经典技巧 2020-03-20
IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash
