`
qinweiping
  • 浏览: 128528 次
  • 性别: Icon_minigender_1
  • 来自: 嘉兴
社区版块
存档分类
最新评论

javascript基础(四)数组及常见方法

 
阅读更多

今天主要复习一下数组及常见方法:

数组的长度
数组的reverse方法
数组的concat方法
数组的join方法
数组的创建
数组的pop和shift方法
数组的slice方法
数组其他的常见方法
代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> JavaScript的数组 </TITLE>
  <META NAME="Content-Type" CONTENT="text/html;charset=utf-8">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <SCRIPT LANGUAGE="JavaScript">
  <!--
	var arr=new Array();
	arr[0]="arr_user1";
	arr[1]="arr_user2";
	arr[2]="arr_user3";

	var arr1=new Array(5);
	arr1[0]="arr1_user1";
	arr1[1]="arr1_user2";
	arr1[2]="arr1_user3";
	arr1[3]="arr1_user4";
	arr1[4]="arr1_user5";
	arr1[5]="arr1_user6";
	arr1[2]="arr1_newuser3";
	//alert(arr1[2]);

	//alert(arr.length);
	
	for(var i=0;i<arr1.length;i++){
		document.write(arr1[i]+"<br/>");
	}
	document.write("<br/>");

	//数组倒序的方法
	//有需要后进先出的要求时,常用于该方法
	arr1.reverse();
	for(var i=0;i<arr1.length;i++){
		document.write(arr1[i]+"<br/>");
	}
	
	document.write("<br/>")
	document.write("<h1>数组的concat方法</h1>");
	var newarr=arr.concat(arr1,"newelement");
	for(var i=0;i<newarr.length;i++){
		document.write(newarr[i]+"<br/>");
	}

	//数组的join方法
	document.write("<br/>");
	document.write("<h1>数组的join方法</h1>");
	var resultStr=newarr.join("_");
	document.write(resultStr);

	//数组的pop方法
	document.write("<br/>");
	document.write("<h1>数组的pop方法</h1>");
	var element=newarr.pop();
	document.write(element+"</br>");
	document.write("pop方法后,该数组还剩下"+newarr.length+"个元素<br/>");

	//数组的shift方法
	document.write("<br/>");
	document.write("<h1>数组的shift方法</h1>");
	var element=newarr.shift();
	document.write(element+"<br/>");
	document.write("shift方法后,该数组还剩下"+newarr.length+"个元素<br/>");

	//数组的slice方法
	//slice方法中的start索引如果为负数,则从数组的后面开始截取,-1为数组的最后一个元素
	document.write("<br/>");
	document.write("<h1>数组的slice方法</h1>");
	var slicearr=newarr.slice(-2);
	for(var i=0;i<slicearr.length;i++){
		document.write(slicearr[i]+"<br/>");
	}

	//数组的push方法
	document.write("<br/>");
	document.write("<h1>数组的push方法</h1>");
	var num=newarr.push("pushelement1");
	document.write("newarr中的最后一个新增元素为:"+newarr[num-1]+"<br/>");
	num=newarr.push("pushelement2","pushelement3");
	document.write("newarr中的最后一个新增元素为:"+newarr[num-1]+"<br/>");

	//数组的unshift方法
	//不能在IE浏览器中用unshift方法返回新数组的长度
	document.write("<br/>");
	document.write("<h1>数组的unshift方法</h1>");
	num=newarr.unshift("unshiftelement1");
	for(var i=0;i<newarr.length;i++){
		document.write(newarr[i]+"<br/>");
	}
	document.write("<br/>");
	num=newarr.unshift("unshiftelement2","unshiftelement3","unshiftelement4");
	for(var i=0;i<newarr.length;i++){
		document.write(newarr[i]+"<br/>");
	}
  //-->
  </SCRIPT>
 </HEAD>

 <BODY>
  
 </BODY>
</HTML>
 Ø
reverse方法
用于颠倒数组中元素的顺序。
Øconcat方法
用于将两个或更多的数组组合在一起。
Øjoin方法
返回一个数组的所有元素用指定符号连在一起的字符串。
Øpop方法
移除数组中的最后一个元素并返回该元素。
Øshift方法
移除数组中的第一个元素并返回该元素。
Øslice方法
返回数组中指定的start位置到end位置所指定的元素,不包含end元素。
Øpush方法
向数组的末尾添加一个或更多元素,并返回新的长度。
Øunshift方法
向数组的开头添加一个或更多元素,并返回新的长度。
0
0
分享到:
评论

相关推荐

    JavaScript基础和实例代码

    1.8 JavaScript的实现基础 1.8.1 ECMAScript 1.8.2 DOM 1.8.3 BOM 1.9 客户端与服务器端脚本 1.10 JavaScript与JScript、 VBScript 1.11 JavaScript与Java、Java applet 1.12 JavaScript的未来如何 1.13 本章小结 第...

    前端Javascript相关面试基础问答整理md

    从“原始值和引用值类型及区别”到“EventLoop事件循环&宏任务和微任务 ”,整理了Javascript学习和面试中遇到的一些基础和常见的问题。 总共包含33个问答,部分问题带有代码解答。 1. 原始值和引用值类型及区别 2. ...

    JavaScript核心技术 PDF扫描版

    1.2跨浏览器的不兼容性和其他常见的JavaScript传说 1.3你能用JavaScript来做什么 1.4JavaScript初探:“HelloWorld!” 1.5JavaScript沙箱 1.6可访问性和JavaScript的最佳实践 第2章JavaScript数据类型与变量 2.1...

    源文件程序天下JAVASCRIPT实例自学手册

    1.8 JavaScript的实现基础 1.8.1 ECMAScript 1.8.2 DOM 1.8.3 BOM 1.9 客户端与服务器端脚本 1.10 JavaScript与JScript、 VBScript 1.11 JavaScript与Java、Java applet 1.12 JavaScript的未来如何 1.13 本章小结 第...

    JavaScript语言教程及案例.docx

    - JavaScript支持常见的控制结构,如if语句、for循环、while循环等。 - 使用if语句可以根据条件执行不同的代码块。 - for循环用于迭代执行一系列语句。 - while循环在满足条件的情况下重复执行一组语句。 #### 3. ...

    javascript学习手册.zip

    常见的数据类型包括数字(Number)、字符串(String)、布尔值(Boolean)、对象(Object)、数组(Array)等。 运算符:JavaScript支持多种运算符,包括算术运算符、比较运算符、逻辑运算符和赋值运算符等。 条件...

    JS合并数组的几种方法及优劣比较

    本文属于JavaScript的基础技能. 我们将学习结合/合并两个JS数组的各种常用方法,并比较各种方法的优缺点. 我们先来看看具体的场景: 代码如下: var q = [ 5, 5, 1, 9, 9, 6, 4, 5, 8]; var b = [ “tie”, “mao”, ...

    javaScript精粹

    《JavaScript 精粹》主要介绍JavaScript应用中一些常见的问题及其解决方法,从最基础的数字、字符串、数组到进阶的DOM、表单验证、cookie,再到较为高级的Ajax,书中均有涉及。《JavaScript 精粹》覆盖现在非常流行...

    JavaScript网页特效应用开发手册

    第四部分 设计基础概念 第5章 变量 5-1 什么是变量 5-2 变量的组成 5-3 声明变量 5-4 变量的类型 5-5 数值变量 5-6 字符串变量 5-7 不同类型变量转换方式 第6章 数组 6-1 什么是数组 6-2 建立与使用数组 第7章 基本...

    tastebile:日常代码归类整理总结学习

    Tastebile前端日常疑问总结学习归类,持续更新,整理记录,逐步 done,如果对你有用,欢迎关注点赞Frok。基础部分HTMLCSS box-sizing属性详解 CSS的选择器有...ECM5方法 js数组常见问题汇总 数组去重 数组去除指定元素

    JavaScript实战

    13.1 常见JavaScript编程错误 377 13.1.1 没有结束符号 377 13.1.2 引号 381 13.1.3 使用保留字 382 13.1.4 条件语句中的单个等号 383 13.1.5 区分大小写 384 13.1.6 外部JavaScript文件的路径不正确 384 13.1.7 ...

    JavaScript版 数据结构与算法

    2-1 环境搭建 2-2 反转单词原理讲解 2-3 反转单词代码演示 2-4 计算子串原理讲解 试看 2-5 计算子串代码演示第3章 基础算法之“数组类”数组是JS世界里必不可少的类型,“小小”的数组,“大大”的世界,一维、二维...

    php网络开发完全手册

    12.3 JavaScript程序设计基础 184 12.3.1 在HTML中嵌入JavaScript 184 12.3.2 变量 185 12.3.3 注释 185 12.3.4 函数的定义与调用 186 12.3.5 条件语句 186 12.3.6 循环语句 189 12.3.7 对象 191 12.3.8 事件 192 ...

    JS-Fundamentals-2020-september:每次练习作业+ SoftUni JavaScript基础模块的所有考试

    Web开发的基础被认为是创建软件应用程序和系统的实践中最常见的方法之一,通过该模块,学生可以成功地学习即将到来的专业模块以及他们成为成功的软件开发人员所需的技能,从而可以使学生理解这些知识。关于解决方案...

    JavaScript ES6常用基础知识总结

    常见的有 直接使用{}包起来: { var a = 4 } 函数体大括号,if-else大括号,for循环大括号,switch大括号,try-catch大括号等。 需要注意的是,for循环,每一次循环时的{}都是一个独立的块级作用域。 for...

    PHP入门到精通

    9.2JavaScript语言基础 9.3自定义函数 9.4JavaScript流程控制语句 9.5JavaScript事件 9.6JavaScript脚本嵌入方式 9.7在PHP中调用JavaScript脚本 日期和时间(教学录像:27分16秒) 10.1日期和时间的概述 10.2处理...

    PHP入门到精通02

    9.2JavaScript语言基础 9.3自定义函数 9.4JavaScript流程控制语句 9.5JavaScript事件 9.6JavaScript脚本嵌入方式 9.7在PHP中调用JavaScript脚本 日期和时间(教学录像:27分16秒) 10.1日期和时间的概述 10.2处理...

    java源码包2

    Java波浪文字制作方法及源代码 1个目标文件 摘要:Java源码,初学实例,波浪文字  Java波浪文字,一个利用Java处理字符的实例,可以设置运动方向参数,显示文本的字符数组,高速文本颜色,显示字体的 FontMetrics...

    ES6面试题.docx

    “ES6面试题.docx”是一份针对ES6(ECMAScript 2015)的面试题汇总,包含了ES6的基础知识、语法、对象、数组、函数、箭头函数、模块化、Promise等方面的问题。这份文档旨在帮助开发者了解和掌握ES6的常见知识点,...

    JavaScript数据结构与算法之链表

    接下来就是介绍两种常见的链表: 单向链表,双向链表在JavaScript中的实现。 单向链表 链表中最简单的形式就是单向链表,链表中的节点都包含两个部分,第一部分储存着自身信息,第二部分则储存有指向下一节点的指针...

Global site tag (gtag.js) - Google Analytics