JS数组进阶示例【数组的几种函数用法】
本文实例讲述了JS数组的几种函数用法。分享给大家供大家参考，具体如下：
前面介绍了js数组的基本定义与使用方法，这里再来进一步说明一下js数组函数。
<html>
<head>
<title>js数组进阶</title>
<meta charset="UTF-8"/>
<script type="text/javascript">
var arr=[2,"clannad","海贼王","星游记",true,new Date()];
// console.log(arr);
var a=arr.pop(); //删除数组的最后一个元素，返回值为最后一个元素。
// console.log(a);
// console.log(arr);
var a2=arr.shift(); //删除数组的第一个元素，返回值为第一个元素。
// console.log(a2);
// console.log(arr);
var a3=arr.splice(3,1,"月色真美"); //将数组中指定位置的数据替换为输入的数据，返回值为替换掉的元素。餐宿分别为在数组中的位置（起始位置），要替换的个数，替换的数值
// console.log(a3);
// console.log(arr);
var arr2=["龙与虎","境界的彼方"];
var m="轻音少女";
var a4=arr.concat(arr2,m); //数组的元素拼接。返回值为拼接后总数组。后面参数为要拼接在后面的数组。
// console.log(a4);
// console.log(arr);
var a5=arr.join("-"); //数据的链接符，返回值为用输入的连接符链接后的数组元素，类型为string
// console.log(a5);
// console.log(arr);
var a6=arr.push("言叶之庭"); //在数组的最后面添加一个数据，返回值为数组最终的长度。
// console.log(a6);
// console.log(arr);
var a7=arr.unshift("冰菓"); //在数组的最开始添加一个数据，返回值为数据的最终长度。
// console.log(a7);
// console.log(arr);
var a8=arr.reverse(); //将数组的元素倒序排列，返回值为倒序后的数组,原数组也被倒叙。
// console.log(a8);
// console.log(arr);
console.log(arr.valueOf()); //一般的数组的valueof和tostring方法为打印数组的内容。
console.log(arr.toString());
var arrsort=['q','w','f','t','h','j'];
// console.log(arrsort);
var arrsorted=arrsort.sort();
// console.log(arrsorted);
// console.log(arrsort);
</script>
</head>
<body>
<h3>js数组进阶</h3>
</body>
</html>
运行结果：
感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript数组操作技巧总结》、《JavaScript遍历算法与技巧总结》、《javascript面向对象入门教程》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript错误与调试技巧总结》
希望本文所述对大家JavaScript程序设计有所帮助。
相关推荐
-
Js数组排序函数sort()介绍
JavaScript实现多维数组.对象数组排序,其实用的就是原生的sort()方法,用于对数组的元素进行排序. sort() 方法用于对数组的元素进行排序.语法如下: arrayObject.sort(sortby) 返回值为对数组的引用.请注意,数组在原数组上进行排序,不生成副本. 如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序.要实现这一点,首先应把数组的元素都转换成字符串(如有必要),以便进行比较. 如果想按照其他标准进行排序,
-
js判断是否为数组的函数: isArray()
今天刚好在学习支付宝 JS 框架 base.js .瞄了一下,实现是这样的: 复制代码 代码如下: if (value instanceof Array || (!(value instanceof Object) && (Object.prototype.toString.call((value)) == '[object Array]') || typeof value.length == 'number' && typeof value.splice != 'unde
-
JavaScript数组函数unshift、shift、pop、push使用实例
如何声明数组 s中数组的声明可以有几种方式声明 复制代码 代码如下: var tmp = []; // 简写模式 var tmp = new Array(); // 直接new一个 var tmp = Array(); // 或者new也可以 在new数组的时候可以传入一个参数,表示数组的初始化长度 复制代码 代码如下: // new的时候传入一个参数表示初始化数组长度 var tmp = new Array(3); alert(tmp.length); // 3 但如果你想创建一个只
-
JS数组(Array)处理函数整理
1.concat() 连接两个或更多的数组 该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本. 例如: 复制代码 代码如下: <script type="text/javascript"> var arr = [1, 2, 3]; var arr1 = [11, 22, 33]; document.write(arr.concat(4, 5, arr1)); </script> 输出结果: 1,2,3,
-
javascript 判断数组是否已包含了某个元素的函数
复制代码 代码如下: Array.prototype.contains = function(obj) { var i = this.length; while (i–) { if (this[i] === obj) { return true; } } return false; } 或 复制代码 代码如下: Array.prototype.contains = function (element) { for (var i = 0; i < this.length; i++) { if (t
-
JS删除数组元素的函数介绍
split将字符串转为数组并输出的代码: 复制代码 代码如下: <script language="javascript"> function spli(){ datastr="2,2,3,5,6,6"; var str= new Array(); str=datastr.split(","); for (i=0;i<str.length ;i++ )
-
javascript版的in_array函数（判断数组中是否存在特定值）
我们经常会用到这个一样逻辑,判断一个字符串或者数字是否在数组内,很多程序语言都有这样一样专门的函数,比如PHP的in_array().那么JS有木有呢,很遗憾,JS木有这样的函数,于是想到伟大的JQ是否封装了这个函数,找到了API,JQ的确封装了这个函数jQuery.inArray( value, array ) 搜索数组中指定值并返回它的索引(如果没有找到则返回-1).value要搜索的值.array一个数组,通过它来搜索. 当然,处于学习,自己也去写了这样的函数: 复制代码 代码如下: fu
-
javascript 定义初始化数组函数
方法一.js数组的定义与初始化 定义一维数组 方法1: var _TheArray = new Array();//定义 _TheArray[0]="1"; _TheArray[1]="2"; _TheArray[2]="3"; //初始化 方法2: var _TheArray = new Array("1","2","3");//直接定义并初始化 定义二维数组 方法1 var _The
-
最实用的JS数组函数整理
我们以前就给大家整理过关于JS数组相关的内容,这次我们给大家整理的是非常实用的JS数组操作技巧和写法,学习下吧. instanceof 检测一个对象是否是数组;(用来对付复杂数据类型;) // 简单数据类型 typeof ; A instanceof B // A是不是B造出来的; 例: var arr = [1,2,3]; console.log(arr instanceof Array); //arr属不属于Array类型; Array.isArray( ) Array.isArray(参数
-
JS数组进阶示例【数组的几种函数用法】
本文实例讲述了JS数组的几种函数用法.分享给大家供大家参考,具体如下: 前面介绍了js数组的基本定义与使用方法,这里再来进一步说明一下js数组函数. <html> <head> <title>js数组进阶</title> <meta charset="UTF-8"/> <script type="text/javascript"> var arr=[2,"clannad",&
-
JS实现的JSON数组去重算法示例
本文实例讲述了JS实现的JSON数组去重算法.分享给大家供大家参考,具体如下: 需求描述:去除JSON数组中paymode字段相同的项,并将paymoney累加. paylist:[{paymode:'1',payname:"现金",paymoney:"20"}, {paymode:'2',payname:"支付宝",paymoney:"50"},{paymode:'1',payname:"现金",paym
-
JS扁平化输出数组的2种方法解析
这篇文章主要介绍了JS扁平化输出数组的2种方法解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 1.使用数组的flat方法 [1,2,[3,[4,5]]].flat(Infinity) //[1, 2, 3, 4, 5] 2.实现方式二: var arr = [[1, 2, 23], [13, 4, 5, 5], [6, 7, 9, [11, 12, [12, 13, [14]]]], 10]; var result = []; functi
-
JS合并两个数组的3种方法详解
这篇文章主要介绍了JS合并两个数组的3种方法详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 需要将两个数组合并成为一个的情况.比如: var a = [1,2,3]; var b = [4,5,6]; 有两个数组a.b,需求是将两个数组合并成一个.方法如下: 1.concat js的Array对象提供了一个叫concat()方法,连接两个或更多的数组,并返回结果. var c = a.concat(b); //c=[1,2,3,4,5,6]
-
Angular.js前台传list数组由后台spring MVC接收数组示例代码
前言 本文主要给大家介绍了关于Angular.js前台传list数组由后台spring MVC接收数组的相关内容,分享出来供大家参考学习,下面话不多说,来一起看看详细的介绍吧. 在开发中有时候需要在前台自定义对象,然后把对象封装在list中,在传送到后台,这样的思想也比较合理,直接来看示例代码: 1. 前台代码 $scope.saveScore = function () { $scope.userScoreList = new Array();//自定义数组 angular.forEach (
-
js删除Array数组中指定元素的两种方法
本节内容: js删除Array数组中指定元素 方法一, /* * 方法:Array.remove(dx) 通过遍历,重构数组 * 功能:删除数组元素. * 参数:dx删除元素的下标. */ Array.prototype.remove=function(dx) { if(isNaN(dx)||dx>this.length){return false;} for(var i=0,n=0;i<this.length;i++) { if(this[i]!=this[dx]) { this[n++]=
-
js二维数组定义和初始化的三种方法总结
方法一:直接定义并且初始化,这种遇到数量少的情况可以用 var _TheArray = [["0-1","0-2"],["1-1","1-2"],["2-1","2-2"]] 方法二:未知长度的二维数组 var tArray = new Array(); //先声明一维 for(var k=0;k<i;k++){ //一维长度为i,i为变量,可以根据实际情况改变 tArray[k]
-
JS实现json对象数组按对象属性排序操作示例
本文实例讲述了JS实现json对象数组按对象属性排序操作.分享给大家供大家参考,具体如下: 在实际工作经常会出现这样一个问题:后台返回一个数组中有i个json数据,需要我们根据json中某一项进行数组的排序. 例如返回的数据结构大概是这样: { result:[ {id:1,name:'中国银行'}, {id:3,name:'北京银行'}, {id:2,name:'河北银行'}, {id:10,name:'保定银行'}, {id:7,name:'涞水银行'} ] } 现在我们根据业务需要,要根据
-
JS判断两个数组或对象是否相同的方法示例
本文实例讲述了JS判断两个数组或对象是否相同的方法.分享给大家供大家参考,具体如下: JS 判断两个数组是否相同 要判断2个数组是否相同,首先要把数组进行排序,然后转换成字符串进行比较. JSON.stringify([1,2,3].sort()) === JSON.stringify([3,2,1].sort()); //true 或者 [1,2,3].sort().toString() === [3,2,1].sort().toString(); //true 经验证,上述方法对复杂数组结构
-
JS实现的Object数组去重功能示例【数组成员为Object对象】
本文实例讲述了JS实现的Object数组去重功能.分享给大家供大家参考,具体如下: 目标:实现成员为 Object 的数组的去重. 注意,这里的数组成员为 Object,而不是数值或者字符串. 调用方法: arr = distinct_arr_element(arr); 函数: /* * 在数组中去除重复项() */ var distinct_arr_element = function( arr ){ if( !arr ) return null ; var resultArr = []; $