JS之数组
1.数组的定义:
(1)字面量: var arr = [1, 2, 3];
(2) new: var arr = new Array(1, 2, 3);(using new and don't using new is same) (注意:当括号内只有一个数字值,若为整数则该数字表示数组的长度而不是数组中的元素,若为浮点数则报错)
2.数组的读和写:
(1) 不可溢出输出的长度读,否则返回undefined,但不报错 var arr = new Array(1, 2, 3); document.write(arr[4]);//返回undefined
(2) 可以溢出写 var arr = new Array(1, 2, 3); arr[5] = 6; document.write(arr);//返回1,2,3,,,6
3.数组的一些方法:
(1) 改变原数组的方法: arr.方法()
a. reverse 翻转数组 var arr = [1, 2, 3]; arr.reverse(); document.write(arr);//3,2,1
b. push 在数组末尾一次性添加一个或多个个新元素 var arr = new Array(1, 2, 3); arr.push(4, 5);
c. pop 在数组末尾剪切一个元素,并将之返回 var arr = new Array(1, 2, 3); arr.pop(); document.write(arr);//1,2
d. shift 在数组头部剪切一个元素,并将之返回
e. unshift 在数组头部一次性添加一个或多个元素
f. splice 在数组的某个位置,删除自定义个数目的元素,并可在剪切的位置添加新元素 var arr = new Array(1, 2, 3, 4); arr.splice(2, 2, 10, 11);//从arr数组的第二个位置开始删除两个元素,并将10和11一次添加到删除的位置。注意:删除后可添加可不添加
g. sort 将数组的元素排序,默认为按ASCII码排序,也可默认为升序。该方法的排序方式自定义:
arr.sort(function (a, b){
返回 负数;//a在b前面
返回 正数;//a在b后面
})
一个有关sort的考试题:利用sort将一个排好序的数组随机乱序:
利用Math.random()产生0到1之间不包括0和1的随机小数和sort来乱序
arr.sort(function(a, b){
return Math.random() - 0.5;
})
(2)不可改变数组的方法:
a. concat arr1.concat(arr2);将arr2接到arr1之后形成一个新数组并返回,arr1 和arr2原数组不变
b. join 将数组中各元素用join括号中参数连接形成一个String并返回,原数组不变 var arr = [1, 2,3]; var str = arr.join('-');document.write(str);//1-2-3
经验:连接多个字符串时,用join会比加号更效率。
步骤:1.将要相连的字符串弄到一个数组中
2.利用join来连接,join的括号中的形参为‘’(空字符串);
c. split 通过split括号中形参来分隔字符串,并将之形成一个数组返回,和join有点相反的感觉
var s ='1-2-3-4'; var arr = s.split('-'); document.write(arr);//1,2,3,4
4.类数组:我的理解为因为某些方法的运行原理,可以利用对象来模拟数组的效果
(1)、可以利用属性名模拟数组的特性
(2)、可以动态的增长length属性
(3)、如果强行让类数组调用push方法,则会根据length属性值的位置进行属性的扩充。
var arrobj = {
'0' : 1,
'1' : 2,
'2' : 3,
'length' : 3,
'push' : Array.prototype.push
}
arrobj.push(4);
document.write(arrobj.length);//
document.write(arrobj[3]);//4
原因:是因为对象的属性中有length的存在 和 push等方法的内部运行原理。
Array.prototype.push = function (num) {
this[this.length] = num;
this.length++;
.....
}
find:1.push属性没必要自己添加,可以直接用call方法来借用数组的方法,例如Array.prototype.push.call(arrobj,arg1,arg2,arg3...);
2.length如果初始值为0的话,可以不用手动添加设定,当你使用过一次Array.prototype.push.call(arrobj.arg1, arg2, arg3...),length属性会自动添加,并变为相应值,即1。
5.扩展
(1)try{}catch(){}finally{}
将可能产生错误代码放于try中,当产生错误时,会将错误信息返回发哦catch括号中形参中,catch的花括号中是错误的处理方法。
a. 正常JS代码当某行有错误,则该行之下该代码都不会执行,但try中代码产生错误后,不会影响try之外的代码的执行。
b. 只有try中代码产生错误时,catch中处理错误代码才会执行,否则不会执行。而finally中代码不管是否有错误,最终都会执行,但经常finally可省略不写.
(2) ECMAScript
es3.0
es4.0
es5.0//在代码前加入“ 'use strict';”这个字符串则其之后的代码处于严格模式下
处于严格模式下的一些限制:
a. 不支持with,with可改变作用域链
var obj = {a : 123}
function test(){
//'use strict'若在此添加左端字符串,则报错with不可使用
var a = 234;
var b = 1;
var
with(obj){//将obj作为其作用域链的最顶端,即将obj放于执行上下文的 最顶端,优先查找obj
document.write(a);//
document.write(b);//
}
with(documnet){
write(a);//
write(b);//
}
}
b. 不支持arguments.callee
c. 不支持caller
d. 变量赋值前必须声明,否则报错
e. 局部this必须被赋值
function test(){
document.write(this);//非严格模式下返回window,但严格模式下返回的是undefined
}
test.call(undefined/null);//window
test.call(undefined/null);//严格模式下为undfined/null
f. 参数名字不可重复
现在是es6.0,其中有类的存在,类似java,功能更强大
6.数组分类:
(1)数值数组:其索引值为数字
(2)关联数组:其索引值不一定为数组,还包括字符串。
(3)稀疏数组:数组元素的索引不是连续的,他们之间可以有空缺。(注意空缺位置是没有值的,而不是undefined,可用 0 in arr 来检测,返回boolean值)
稀疏数组的创建:
1. var arr = new Array(3);
2. var arr = []; arr[3] = 3;/ var arr = [,,]; / var arr = [1,,3];
满足length > 数组元素数目即可。
(4)非稀疏数组:数组元素的索引是连续的,之间无空缺。
JS之数组的更多相关文章
- Js删除数组重复元素的多种方法
js对数组元素去重有很多种处理的方法,本篇文章中为网络资源整理,当然每个方法我都去实现了:写下来的目的是希望自己活学活用,下次遇到问题后方便解决. 第一种 function oSort(arr){ v ...
- js去除数组重复项
/** * js去除数组重复项 */ //方法一.使用正则法 // reg.test(str),匹配得到就返回true,匹配不到返回false var arr = ["345",& ...
- js 判断数组包含某值的方法 和 javascript数组扩展indexOf()方法
var questionId = []; var anSwerIdValue = []; ////javascript数组扩展indexOf()方法 Array.prototype.indexOf ...
- 探讨js字符串数组拼接的性能问题
这篇文章主要介绍了有关js对字符串数组进行拼接的性能问题,字符串连接一直是js中性能最低的操作之一,应该如何解决呢?请参看本文的介绍 我们知道,在js中,字符串连接是性能最低的操作之一. 例如: 复制 ...
- js之数组,对象,类数组对象
许久不写了,实在是不知道写点什么,正好最近有个同事问了个问题,关于数组,对象和类数组的,仔细说起来都是基础,其实都没什么好讲的,不过看到还是有很多朋友有些迷糊,这里就简单对于定义以及一下相同点,不同点 ...
- js对数组的操作函数
js数组的操作 用 js有很久了,但都没有深究过js的数组形式.偶尔用用也就是简单的string.split(char).这段时间做的一个项目,用到数组的地方很多, 自以为js高手的自己居然无从下手, ...
- JS 索引数组、关联数组和静态数组、动态数组
JS 索引数组.关联数组和静态数组.动态数组 数组分类: 1.从数组的下标分为索引数组.关联数组 var ary1 = [1,3,5,8]; //按索引去取数组元素,从0开始(当然某些语言实现从1开始 ...
- JS 中数组的排序和去重
在 PHP 中,数组有很多排序方法,不过其他语言的数组中大概是不会像 JS 的数组一样,包罗万象,啥都通吃的.所以 JS 的数组排序情况就略多一些了. 简单粗暴的排序: 赤果果的sort: var ...
- JS去除数组中重复值的四种方法
JS去除数组中重复值的四种方法 1 /// <summary> o[this[i]] = ""; } } newArr.p ...
- [记录] js判断数组key是否存在
数组中判断key是否存在 可以通过arrayObject.hasOwnProperty(key)来进行判断数组key是否存在,返回的是boolean值,如果存在就返回true,不存在就返回false ...
随机推荐
- 三种嵌入式web服务器(Boa / lighttpd / shttpd)的 linux移植笔记
一:移植Boa(web服务器)到嵌入式Linux系统 一.Boa程序的移植 1.下载Boa源码 下载地址: http://www.boa.org/ 目前最新发行版本: 0.94.13 ...
- [iOS]深入浅出 iOS 之多线程 NSThread
OS 支持多个层次的多线程 编程,层次越高的抽象程度越高,使用起来也越方便,也是苹果最推荐使用的方法. 下面简要说明这三种不同范式: Thread 是这三种范式里面相对轻量级的,但也是使用起 ...
- python djange输入中文错误的解决办法
UnicodeEncodeError: 'ascii' codec can't encode characters in position 0-1: ordinal not in range(128) ...
- 47.MIF和COE文件格式
.mif和.coe这两个文件分别是Quartus和ISE的RAM和ROM的初始化文件,因此了解他们的格式,是很必要的 MIF文件的格式如下: WIDTH=14; --数据宽度为14位 DEPT ...
- [shell基础]——awk命令
关于awk awk是一个强大的文本分析工具,相对于grep的查找.sed的编辑,awk在其对数据分析并生成报告时,显得尤为强大. 简单来说awk就是把文件逐行的读入,以空格为默认分隔符将每行切片,切开 ...
- linux中的文件类型
1.使用ls -l命令可以查看文件的类型和权限 [tansheng@localhost etc]$ ls -l ----------. root root 10月 : gshadow -------- ...
- Oracle EBS中查询Profile的各种SQL【转载】
1.List E-Business Suite Profile Option Values For All Levels SELECT p.profile_option_name SHORT_NAME ...
- 从Java的角度理解前端框架,nodejs,reactjs,angularjs,requirejs,seajs
[前端神秘的面纱] 对后端开发来说,前端是神秘的, 眼花缭乱的技术,繁多的框架, 如果你还停留在前端等于只用jquery做开发,那么你out了, 本文从Java的角度简述下目前前端流行的一些框架. 水 ...
- dd面试经历
HR面:看了我的简历,说fe做的简历就是不一样哈哈好吧,然后随便问了点项目,又问了什么时候可以去实习,就没了.三面:基本数据结构.冒泡排序.数组去重.ie与主流浏览器事件绑定.垂直居中的css实现方 ...
- Linux 下开放指定端口
安装tomcat后,在客户端输入地址 http://localhost:8080/ ,发现默认端口8080不能访问. 由于Linux防火墙默认是关闭8080端口.因此,若要能够访问8080端口,可以 ...