文档章节

javaScript基础熟悉(一)

蒙星
 蒙星
发布于 2016/11/19 14:05
字数 1401
阅读 0
收藏 0

本章是一些javaScript基础,作为个人熟悉基础的笔记,如有疑问或补充,可以@本人

JavaScript 对象

JavaScript Array 对象

  • Array 对象用于在单个的变量中存储多个值。
  • 创建 Array 对象的语法:
new Array();
new Array(size);
//参数 size 是期望的数组元素个数。返回的数组,length 字段将被设为 size 的值。
new Array(element0, element1, ..., elementn);
//参数 element ..., elementn 是参数列表。当使用这些参数来调用构造函数 Array() 时,新创建的数组的元素就会被初始化为这些值。它的 length 字段也会被设置为参数的个数。
  • 返回值
    • 返回新创建并被初始化了的数组。
    • 如果调用构造函数 Array() 时没有使用参数,那么返回的数组为空,length 字段为 0。
    • 当调用构造函数时只传递给它一个数字参数,该构造函数将返回具有指定个数、元素为 undefined 的数组。
    • 当其他参数调用 Array() 时,该构造函数将用参数指定的值初始化数组。
    • 当把构造函数作为函数调用,不使用 new 运算符时,它的行为与使用 new 运算符调用它时的行为完全一样。
  • Array 对象方法
    • concat() 连接两个或更多的数组,并返回结果。
//语法
arrayObject.concat(arrayX,arrayX,......,arrayX);
//例子
var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
var arr2 = new Array(3)
arr2[0] = "James"
arr2[1] = "Adrew"
arr2[2] = "Martin"
var arr3 = new Array(2)
arr3[0] = "William"
arr3[1] = "Franklin"
document.write(arr.concat(arr2,arr3))
//输出
//George,John,Thomas,James,Adrew,Martin,William,Franklin
- join()	把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。
//语法
arrayObject.join(separator);
//separator=>可选。指定要使用的分隔符。如果省略该参数,则使用逗号作为分隔符。
//例子
var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
document.write(arr.join("."))
//输出
//George.John.Thomas
- pop()	删除并返回数组的最后一个元素
//语法
arrayObject.pop();
//说明=>pop() 方法将删除 arrayObject 的最后一个元素,把数组长度减 1,并且返回它删除的元素的值。如果数组已经为空,则 pop() 不改变数组,并返回 undefined 值。
- push()	向数组的末尾添加一个或更多元素,并返回新的长度。
//语法
arrayObject.push(newelement1,newelement2,....,newelementX);
- reverse()	颠倒数组中元素的顺序。
//语法
arrayObject.reverse();
//注释:该方法会改变原来的数组,而不会创建新的数组。
//实例应用,可以将字符串转换成数组,然后颠倒,对比两数组转成的字符串,从而进行判断是否为回文
var ass=['a','b','a'];
window.onload=function(){
	if(ass.join()==ass.reverse().join()){
		alert(ass.join())
	}else{
		alert('不是回文')
	}
}
- shift()	删除并返回数组的第一个元素
//语法
arrayObject.shift();
//注=>和pop()用法相同,效果类似,shift()=>掐头pop()=>去尾
- slice()	从某个已有的数组返回选定的元素
//语法
arrayObject.slice(start,end)
//注=>取中间,返回一个新数组
//说明=>请注意,该方法并不会修改数组,而是返回一个子数组。如果想删除数组中的一段元素,应该使用方法 Array.splice()。
//注释:您可使用负值从数组的尾部选取元素。
//注释:如果 end 未被规定,那么 slice() 方法会选取从 start 到数组结尾的所有元素。
- sort()	对数组的元素进行排序
//语法
arrayObject.sort(sortby);
//参数:sortby=>可选。规定排序顺序。必须是函数。
//说明:
function sortNumber(a,b){
return a - b
}
var arr = new Array(6)
arr[0] = "10"
arr[1] = "5"
arr[2] = "40"
arr[3] = "25"
arr[4] = "1000"
arr[5] = "1"
document.write(arr.sort(sortNumber))
	- 如果想按照其他标准进行排序,就需要提供比较函数,该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b,其返回值如下:
	- 若 a 小于 b,在排序后的数组中 a 应该出现在 b 之前,则返回一个小于 0 的值。
	- 若 a 等于 b,则返回 0。
	- 若 a 大于 b,则返回一个大于 0 的值。
- splice()	删除元素,并向数组添加新元素。
//语法
arrayObject.splice(index,howmany,item1,.....,itemX);
	- 参数说明
	- index:必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。
	- howmany:必需。要删除的项目数量。如果设置为 0,则不会删除项目。
	- item1, ..., itemX:可选。向数组添加的新项目。
- toSource()	返回该对象的源代码。
//语法
object.toSource()
//注:只有 Gecko 核心的浏览器(比如 Firefox)支持该方法,也就是说 IE、Safari、Chrome、Opera 等浏览器均不支持该方法。
- toString()	把数组转换为字符串,并返回结果。
//语法
arrayObject.toString()
//注:arrayObject 的字符串表示。返回值与没有参数的 join() 方法返回的字符串相同。
- toLocaleString()	把数组转换为本地数组,并返回结果。
//语法
arrayObject.toLocaleString()
//注:arrayObject 的本地字符串表示。和 toString() 相比只要区别是时间会随用户本地设置变化
- unshift()	向数组的开头添加一个或更多元素,并返回新的长度。
//语法
arrayObject.unshift(newelement1,newelement2,....,newelementX)
//注:和push()效果类似,是插入在数组头部,(unshift() 方法无法在 Internet Explorer 中正确地工作!)
- valueOf()	返回数组对象的原始值
	- valueOf() 方法返回 Array 对象的原始值。
	- 该原始值由 Array 对象派生的所有对象继承。
	- valueOf() 方法通常由 JavaScript 在后台自动调用,并不显式地出现在代码中。

© 著作权归作者所有

共有 人打赏支持
蒙星
粉丝 1
博文 5
码字总数 5067
作品 0
TypeScript基础入门 - 类 - 简介

转载地址 TypeScript基础入门 - 类 - 简介 项目实践仓库 为了保证后面的学习演示需要安装下ts-node,这样后面的每个操作都能直接运行看到输出的结果。 后面自己在练习的时候可以这样使用 类 ...

durban
08/07
0
0
八个任务助你学好JavaScript

学习新的东西是件可怕的事。对我来说,掌握一项新技能最大的问题是,我不知道自己懂什么。鉴于此,定个计划,学习你感兴趣的东西应该会有用。这篇文章的主旨就是:你为学习JavaScript 制定的...

铂金小猪
2011/10/19
0
0
Javascript的事件模型和Promise实现

1. Javascript的运行时模型——事件循环 JS的运行时是个单线程的运行时,它不像其他编程语言,比如C++,Java,C#这些可以进行多线程操作的语言。当它执行一个函数时,它只会一条路走到黑,不...

远方无风
07/12
0
0
零基础的网站开发初学者如何系统的学习?

A.学习背景 开始网站开发,起先是从手机网站的UBB语法开始的,也因此有了深入学习的兴趣。为了让学习的热情膨胀,我有意的培养这一爱好 ,定位了自己要成为一名优秀的网站开发员的目标。 作为...

李佳顺
2012/12/25
0
3
学习Javascript的8张思维导图

分别归类为:  javascript变量  javascript运算符  javascript数组  javascript流程语句  javascript字符串函数  javascript函数基础  javascript基础DOM操作  javascript正则表达式...

thinkyoung
2014/09/23
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

dubbo部分常见的面试题目

1、什么是AMQP协议? AMQP的全称是 Advanced Message Queuing Protocol (高级消息队列协议) 他是应用层协议的一个开放的标准,为面向消息中间件而设计,基于此协议的客户端和消息中间件可以...

DemonsI
11分钟前
0
0
http和https协议

HTTPS全称为Hypertext Transfer Protocol over Secure Socket Layer,中文含义为“超文本传输协议在安全加密字层”,简单来说就是加密数据传输,通俗的说就是安全连接。 HTTPS安全超文本传输...

寰宇01
12分钟前
0
0
vue内引入语音播报功能

在vue项目中引入语音播报,使用的科大讯飞语音接入, 具体思路为每次接收到语音信息后存入一个数组,然后监听这个数组,开始冲第一个索引播放,并且同时根据vuex getter 来动态删减数量 给a...

originDu
20分钟前
0
0
Java创建对象的五种方式

一、使用new关键字,调用构造方法创建对象 Person p1 = new Person(); 运行过程: 1、给新对象分配内存空间,将数据存储到堆。 2、执行显示的初始化。 3、执行构造器。new方法中括号参数传递...

Drathin
21分钟前
0
0
git使用纪要

之前公司一直没用git,于是自己注册了一个账号自己用,因为也没人合作,所以也没太关注协作方面的事情。最近公司终于想通了,开始用git,于是研究了一下,在此做个记录。 git功能非常灵活,因...

propagator
26分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部