码迷,mamicode.com
首页 > 编程语言 > 详细

js常用的数组操作内置函数

时间:2017-07-17 13:10:45      阅读:240      评论:0      收藏:0      [点我收藏+]

标签:数字   cat   替换   浏览器   注意   转换   数组   操作   不兼容   

<html>
<head>

</head>
<body>
<script>
//向数组中添加值
var arr=new Array(1,2,3,4,5);
var len=arr.push(7,9);
console.log(len,arr);//array.push() 在数组末尾添加值, 返回添加后的数组长度
var arr=new Array(1,2,3,4,5);
var len=arr.unshift(7,9);
console.log(len,arr);//array.unshift() 在数组开头添加值 ,返回添加后的数组长度 ,与array.push()相反

//删除数组中的值
var arr=new Array(1,2,3,4,5);
var val=arr.pop();
console.log(val,arr);//删除数组中末尾的值 返回删除的值
var arr=new Array(1,2,3,4,5);
var val=arr.shift();
console.log(val,arr);//删除数组中开头的值 返回删除的值 与pop()相反

//数组转换字符串
var arr=new Array(1,2,3,4,5);
var str=arr.join(‘-‘);//间隔的字符串,默认为“,”
console.log(str);//1-2-3-4-5

//数组排序
var arr=new Array(1,2,3,4,5);
arr.reverse();//反转排序
console.log(arr)// [5, 4, 3, 2, 1]
var arr=new Array(1,2,3,4,5,59,6);
arr.sort();
console.log(arr);//输出 [1, 2, 3, 4, 5, 59, 6] 注意:sort()默认是转换字符串再排序 所以按照数字大小排序不正确
//正确方法 写比较函数
arr.sort(function(a,b){return a-b}); //升序
console.log(arr);//输出 [1, 2, 3, 4, 5, 6, 59]
arr.sort(function(a,b){return b-a});//降序
console.log(arr);//输出[59, 6, 5, 4, 3, 2, 1]

//连接数组
var arr1=[1,2,3];
var arr2=[4,5,6];
var arr3=[7,8,9];
var arr=arr1.concat(arr2,arr3,[10,11]);
console.log(arr);//输出 [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]

//已有数组中返回选定元素
var arr=new Array(1,2,3,4,5);
var arr2=arr.slice(2);
//第一个参数 start 开始选取的index 下标值 2为第三个值(0,1,2) 数字3开始 end 为可选 默认为到数组的末尾
console.log(arr2);//输出 [3, 4, 5]
//注意 end 参数为 该参数是数组片断结束处的数组下标 4 为 数字5的下标 截取5之前,也可以理成截取到end-1
var arr2=arr.slice(2,4);
console.log(arr2);//输出 [3, 4] 不是[3,4,5]
//截取开始为负数
var arr2=arr.slice(-2,4);
//如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-2 指倒数第二个元素,以此类推。
// 也可以转换成 数组长度(5)加 负数的值 (-2) 相当于arr.slice(3,4);
console.log(arr2);//输出 [4]

//splice()实现 删除 插入 替换数组
//删除
var arr=new Array(1,2,3,4,5);
var arr2=arr.splice(1,2);//删除开始下标为1的值(2)开始的2个值 (2和3) 返回删除的值
console.log(arr,arr2);//输出 [1, 4, 5] [2, 3]
//插入
var arr=new Array(1,2,3,4,5);
var arr2=arr.splice(1,0,11,111);//在下标为1的值(2)之前插入值 ,参数第二个为0不删除,插入11,111
console.log(arr,arr2);// [1, 11, 111, 2, 3, 4, 5] [] arr2返回为空数组 因为不删除
//替换
var arr=new Array(1,2,3,4,5);
var arr2=arr.splice(1,2,11,111);//在下标为1的值(2)之前替换值 ,参数第二个为2删除2个值,再插入11,111
console.log(arr,arr2);// [1, 11, 111, 4, 5] [2, 3] //也就是 先删除再添加

//查找值所在的下标
var arr=new Array(1,2,3,4,5,6,7,3);
var index=arr.indexOf(3);
console.log(index);//返回2 检测第一个3出现的位置
var index=arr.indexOf(3,4); //第二个参数 开始下标的值
console.log(index);//返回7 检测第下标为4开始(数字5开始) 第一个3出现的位置
var index=arr.indexOf(10);
console.log(index);//返回-1 为查找到 返回-1
//末尾就开始查找lastIndexOf()
var index=arr.lastIndexOf(3);
console.log(index);//返回7
//indexof() lastIndexOf() 低版本浏览器不兼容













</script>
</body>
</html>

js常用的数组操作内置函数

标签:数字   cat   替换   浏览器   注意   转换   数组   操作   不兼容   

原文地址:http://www.cnblogs.com/hellozg/p/7193648.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!