<title>Array-基本功能</title>
</head>

<body>
<script type="text/javascript" src="out.js"></script>
<script>
/*
*1、concat()用法
*/
var arr = ["abc","haha","cba","nab","nasa"];

var arr2= ["qq","xiaoqiang",70];

document.write(arr+"<br/>");
document.write(arr2+"<br/>");

/*
*1、concat()用法
*/
//在arr数组上连接一个元素“mm”，再连接一个arr2数组。
var newArr = arr.concat("mm",arr2);//将mm作为新数组中的元素，将arr2也当做新数组元素。
document.write(newArr+"<br/>");

/*
*2、join()用法:数组元素可以自定义符号连接
*/
document.write(arr.join("-")+"<br/>");
document.write(myJoin(arr,"+")+"<br/>");

//模拟一下join实现原理
function myJoin(arr,separator){

var str="";
for(var x=0; x<arr.length; x++){
if(x!=arr.length-1)
str += arr[x]+separator;
else
str += arr[x];
}
return str;
}

/*
*3、pop()用法：移除数组中的最后一个元素并返回该元素。
*/
document.write("<hr/>");
document.write(arr+"<br/>");
document.write(arr.pop()+"<br/>");
document.write(arr+"<br/>");

/*
*4、push()用法：将新元素添加到一个数组中，并返回数组的新长度
*/
/*
*5、reverse()用法
*/
/*
*6、shift()用法：移除数组中的第一个元素并返回该元素
*/
document.write("<hr/>");
document.write(arr+"<br/>");
document.write(arr.shift()+"<br/>");
document.write(arr+"<br/>");

/*
*7、slice()用法：返回数组中的一段
*/
/*
*8、sort()用法
*/
document.write("<hr/>");
document.write(arr+"<br/>");
arr.sort();
document.write(arr+"<br/>");

/*
*9、splice()用法
*/
document.write("<hr/>");
document.write(arr+"<br/>");
var temp = arr.splice(1,3,8080,10086,"xixixixixi");
document.write(temp+"<br/>");
document.write(arr+"<br/>")

/*
*10、unshift()用法:将指定的元素插入数组的开始第一个位置并返回该数组长度。
*/

var arr4 = [];
document.write("<hr/>");
arr4.unshift("abc1");
arr4.unshift("abc2");
arr4.unshift("abc3");
document.write(arr4+"<br/>")

</script>
</body>

Array-基本功能的更多相关文章

  1. js中Array的一些扩展

    IE下很多Array的方法都不被支持.每次都要写.所以记下来,以免忘记: 以下是对Array的一些扩展,在FF ,google 下是不需要加的. /** * 方法Array.filter(functi ...

  2. JavaScript之Array常用函数汇总

    [20141121]JavaScript之Array常用功能汇总 *:first-child { margin-top: 0 !important; } body>*:last-child { ...

  3. Object.prototype.toString.call() 、 instanceof 以及 Array.isArray()判断数组的方法的优缺点

    1. Object.prototype.toString.call() 每一个继承 Object 的对象都有 toString 方法,如果 toString 方法没有重写的话,会返回 [Object ...

  4. JavaScript中的内置对象-8--1.Array(数组)-Array构造函数; 数组的栈方法; 数组的转换方法; 数组的操作方法; 删除-插入-替换数组项; ECMAScript为数组实例添加的两个位置方法;

    JavaScript内置对象-1Array(数组) 学习目标 1.掌握任何创建数组 2.掌握数值元素的读和写 3.掌握数组的length属性 如何创建数组 创建数组的基本方式有两种: 1.使用Arra ...

  5. 【Java集合的详细研究5】Java中Array与ArrayList的主要区别

    1)精辟阐述:可以将 ArrayList想象成一种“会自动扩增容量的Array”. 2)Array([]):最高效:但是其容量固定且无法动态改变:     ArrayList:  容量可动态增长:但牺 ...

  6. ArrayList和Array区别

    1)精辟阐述:可以将 ArrayList想象成一种“会自动扩增容量的Array”. 2)Array([]):最高效:但是其容量固定且无法动态改变:     ArrayList:  容量可动态增长:但牺 ...

  7. Java中Array与ArrayList的主要区别

    1)精辟阐述: 可以将 ArrayList想象成一种"会自动扩增容量的Array". 2)Array([]):最高效:但是其容量固定且无法动态改变:      ArrayList: ...

  8. 前端面试题1：Object.prototype.toString.call() 、instanceof 以及 Array.isArray()三种方法判别数组的优劣和区别

    1. Object.prototype.toString.call() 每一个继承 Object 的对象都有 toString 方法,如果 toString 方法没有重写的话,会返回 [Object ...

  9. ｊａｖａ容器详解（以Array Arrays ArrayList为例）

    //先记录一个想法……java实在是太臃肿了,纯面向对象也有不少弊端…… //能不能把java精简一下啊! 先上结论: Array:认真看api索引的话,Array有两个.一个是sql中的接口,一个是 ...

  10. Java-杂项： Java中Array和ArrayList区别

    ylbtech-Java-杂项: Java中Array和ArrayList区别 1.返回顶部 1. 1)精辟阐述:可以将 ArrayList想象成一种“会自动扩增容量的Array”. 2)Array( ...

随机推荐

  1. SU Demos-06Selecting Traces

    不足之处,欢迎批评指正 共3个脚本,先看readme 第1个脚本 运行结果 第2个脚本 运行结果 第3个脚本 运行结果

  2. CDN（内容分发网络）是什么？

    尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节,使内容传输的更快.更稳定.其目的是使用户可就近取得所需内容,解决Internet网络拥挤的状况,提高用户访问网站的响应速度. 解决CDN缓 ...

  3. thymeleaf 基本表达式

    Thymeleaf 基本表达式 如需了解thymeleaf以及thymeleaf整合spring,请参考<Thymeleaf模板引擎使用>.<Thymeleaf 集成spring&g ...

  4. hive streaming 使用shell脚本

    一.HIVE streaming 在Hive中,需要实现Hive中的函数无法实现的功能时,就可以用Streaming来实现.其原理可以理解成:用HQL语句之外的语言,如Python.Shell来实现这 ...

  5. JS扩展方法——字符串trim()

    转自:http://www.cnblogs.com/kissdodog/p/3386480.html <head> <title>测试JS扩展方法</title> ...

  6. LightOJ1036 A Refining Company（DP）

    题目大概说有一个n*m的格子地图,每个格子有铀或者镭矿.地图最北面的镭矿加工厂,最西面有铀矿加工厂,而要通过在格子里铺设由南向北(镭)或由东向西(铀)的轨道来送矿物到加工厂.一个格子只能铺设一种轨道, ...

  7. Ferry Loading III[HDU1146]

    Ferry Loading IIITime Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others)Tot ...

  8. 转载：CSS3 Flexbox可视化指南

    0. 目录 目录 引言 正文 1 引入 2 基础 3 使用 4 弹性容器Flex container属性 41 flex-direction 42 flex-wrap 43 flex-flow 44 ...

  9. 【BZOJ3732】 Network Kruskal+倍增lca

    Description 给你N个点的无向图 (1 <= N <= 15,000),记为:1…N. 图中有M条边 (1 <= M <= 30,000) ,第j条边的长度为: d_ ...

  10. 三、图像移动《苹果iOS实例编程入门教程》

    该app为应用的功能为动态移动动画 现版本 SDK 8.4 Xcode 运行Xcode 选择 Create a new Xcode project ->Single View Applicati ...