文档章节

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
学习Javascript的8张思维导图

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

thinkyoung
2014/09/23
0
0
零基础的网站开发初学者如何系统的学习?

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

李佳顺
2012/12/25
0
3

没有更多内容

加载失败,请刷新页面

加载更多

ViewPager+Fragment+FragmentPagerAdapter实现软件主界面

ViewPager之前的页面是由View构成的,现在由Fragment构成,之前的PagerAdapter这里也换成了FragmentPagerAdapter.因为PagerAdapter有 public Object instantiateItem(ViewGroup container, i......

鱼想吃肉
12分钟前
0
0
feign文件上传遇到的坑

明天写

王俊博客
17分钟前
0
0
scala的sorted,sortBy,sortWith

val lst = List(1,3,2,4,5) //scala中对于集合的排序有三种方法:sorted,sortBy,sortWith //sorted方法对一个集合进行自然排序,传递一个Ordering隐式参数 def sorted[B >: A](imp...

whoisliang
32分钟前
0
0
区块链扩容最佳途径?十分钟讲清楚侧链技术

今天我们来讲区块链扩容的另一个主流方案——侧链,侧链可作为解决区块链扩容难题的一种有效解决方案。有些人认为,从理论上说,这种解决方案可让所有人都满意。 基础概念 侧链协议本质上是一...

HiBlock
34分钟前
0
0
3年经验Java程序员面阿里P6 差距在哪里

虽然这位小伙伴觉得自己工作三年了,结果阿里连面都不面就把自己挂了,这让自己感到很伤心。但是还是有网友觉得,三年不到p6,很正常啊,明年再面就没有问题啦! Java程序员3年经验面阿里P6,...

架构师springboot
36分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部