js数组、内置对象、自定义对象
【js中的数组】
1、数组的基本概念?
数组是在内存空间中连续存储的一组有序数据的集合
元素在数组中的顺序,称为下标。可以使用下表访问数字的每个元素。
2、如何声明一个数组?
① 使用字面量声明:
在js中,同一数组可以存储各种数据类型。
例如:var arr=[1,"撒",true,4,func,{},null];
② 使用new关键字声明:var arr=new Array(参数);
>>>参数可以是:
a.参数省略,表示创建一个空数组;
b.参数为一个整数,表示声明一个length为指定长度的数组。但是这个length随时可变可追加;
c.参数为逗号分隔的多个数值。表示数组的多个值;
new array(1,2,3)==[1,2,3]
3.数组中元素的读写/增删?
① 读写:通过下表访问元素。 下标从0开始 arr[1]="haha";
② 增删:
删: a.使用delete关键字,删除数组的某一个值。删除之后,数组的长度不变,对应得位置变为Undefined。
eg:delete arr[1]。
b.arr.pop():删除数组的最后一个值。相当于 arr.length-=1。
c.arr.shift():删除数组的第一个值。
增: d.arr.unshift(值):在数组的第0个位置增加一个值。
e.arr.push(值):在数组的最后一个位置新增一个值;
f.直接访问数组没有达到的下标,可以动态追加。
arr[100]=1;中间如果有空余下标,将存入Undefined。
4、数组中的其他方法(非常非常常用!!!!面试题特爱考!!!尤其是sort)
①join():将数组用指定分隔符链接为字符串。当参数为空时,默认用逗号分隔。
②concat():[原数组不会被改变] 将数组,与两个或多个数组的值链接为一个新数组。
concat连接时,如果有二维数组,则至多能拆一层[]
eg: [1,2].concat([3,4],[5,6]); -->[1,2,3,4,5,6]
[1,2].concat([3,4,[5,6]]); -->[1,2,3,4,[5,6]]
③push():在数组最后增加一个,unshift():数组开头增加一个。 -->返回新数组的长度;
pop():在数组最后删除一个,shift():数组开头删除一个。 -->返回被删除的值;
[上述方法,均会改变原数组]
④reverse():[原数组被改变]将数组翻转,倒叙输出。
eg: var arr = [1,2,3,4,5,6,7,8];
arr.reverse();
console.log(arr);
⑤slice(begin,end):[原数组不会被改变]截取数组中的某一部分,并返回截取的新数组。
>>>传入一个参数,表示开始区间,默认将截到数组最后;
>>>传入两个参数,表示开始和结束的下标,左闭右开区间(包含begin,不包含end);
>>>两个参数可以为负数,表示从右边开始数,最后一个值为-1;
⑥sort():[原数组被改变]将数组进行升序排列;
>>>默认情况下,会按照每个元素首字母的ASCII值进行排序;
eg:[1,5,13,12,7,6,4,8].sort() -->[1,12,13,4,5,6,7,8];
>>>可以传入一个比较函数,手动指定排序的函数算法;
函数将默认接收两个值a,b,如果函数返回值>0,则证明a>b,如果函数返回值<0,则证明a<b
arr.sort(function(a,b){
return a-b; //升序排列;
return b-a; //降序排列;
});
⑦indexOf(value,index):返回数组中第一个value值所在的下标,如果没有找到则返回-1;
lastIndexOf(value,index):返回数组中最后一个value值所在的下标,如果没有找到则返回-1;
>>>如果没有指定index,则表示全数组查找value;
>>>如果指定了index,则表示从index开始,向后查找value;
⑧forEach():专门用于循环遍历数组。接收一个回调函数,回调函数接收两个参数,第一个参数为数组的每一项的值,第二个参数为下标
(IE8之前,不支持此函数!!!!!)
var arr = [1,5,6,3,4,2,7,6,4,8];
arr.forEach(function(item,index){
console.log(item);
})
⑨map():数组映射,使用方式与forEach()相同。不同的是,map可以有return返回值,表示将原数组的每个值进行操作后,返回给一个新数组。
(IE8之前,不支持此函数!!!!!)
var arr1 = arr.map(function(item,index){
console.log(item);
return item+2;
});
console.log(arr1);
5、二维数组与稀疏数组(了解)
①二维数组:数组中的值,依然是一个数组形式。
eg:arr=[[1,2,3],[4,5,6]]; //相当于两行三列
读取二维数组:arr[行号][列号];
②稀疏数组:数组中的索引是不连续的。(length要比数组中实际的元素个数大)
6、基本数据类型和引用数据类型:
①基本数据类型:赋值时,是将原变量中的值,赋值给另一个变量,复制完成后,两个变量相互独立,修改其中一个的值,另一个不会变化。
②引用数据类型:赋值时,是将原变量在内存中的地址,赋值给另一个变量。赋值完成后,两个变量中存储的是同一个内存地址,访问的是同一份数据,
其中一个改变另一个也会发生变化。
③ 数值型、字符串、布尔型等变量属于基本数据类型;
数组,对象属于引用数据类型;
内置对象
Boolean类
有两种声明方式:
可以使用字面量方式声明一个单纯的变量:用typeof检测为Boolean类型
也可以使用new Boolean()声明一个Boolean类型的对象。用typeof检测为Object类型。
Number.MAX_VALUE 返回Number类可表示的最大值
Number.MIN_VALUE 返回Number类可表示的最小值
.toString();将数值类型转换为字符串类型
eg:var str = num1.toString();
.toLocaleString();将数值按照本地格式顺序转换为字符串,一般从右开始,三个一组加逗号分隔;
String 类
1、 属性:str.length 返回字符串的长度,字符数
字符串支持类似数组的下标访问:str[0];
2、方法:
.toLowerCase();将字符串所有字符转成小写
.toUpperCase();将字符串所有字符转成大写
.charAt(n);截取数组的第n个字符,相当有str[n]
.indexOf("str",index);从index位置开始,查找子串在字符串的位置 ,如果没有找到返回-1,其他从数组的indexOf方法;
.lastIndexOf();同数组
.substring(bengin,end);从字符串中截取子串
只传入一个参数,表示从begin开始到最后;
传入两个参数,表示begin到end的区间,左闭右开
.split("分隔符");将字符串以指定分隔符分隔,存入数组中,传入空""表示将字符串的每一个字符分开放入数组;
.replace("old","new");将字符串中的第一个old替换为new。
第一个参数,可以是普通字符串,也可以是正则表达式;
如果是普通的字符串,则只替换第一个old,如果是正则表达式,则可以根据表达式的写法要求,进行替换。
date 日期类
1、new Date():返回当前最新时间
new Date("2017,8,31,12:34:56");返回指定时间
2、常用方法:
.getFullYear():获取4位年份
.getMonth():获取月份 0-11
.getDate():获取一个月中的第几天 1-31
.getDay():获取一周中的第几天 0-6,0表示周天
.getHours():获取小时
.getMinutes():获取分钟
.getSeconds():获取秒
eg:var str = num1.toLocaleString();
.toFixed(n);将数字保留n为小数,并转为字符串格式
eg:var str = num1.toFixed(2);
.toPrecision(n);将数字格式化为指定长度,n表示不含小数点位数长度,如果n<原数字长度,则用科学计数法表示。如果n>原数字长度,则小数点后补0;
eg:var str = num1.toPrecision(2);
.valueOf();返回Number对象的基本数字值;
【自定义对象】
1.基本概念:
① 对象:对象是拥有一系列无序属性和方法的集合。
② 键值对:对象中的数据是以键值对的方式存在。对象的每个属性和方法,都对应值一个键名,以键取值。
③ 属性:描述对象特征的一系列变量,称为属性。【对象中的变量】
④ 方法:描述对象行为的一系列函数,称为方法。【对象中的函数】
2.对象的声明:
① 字面量声明:var obj={
key1:value1,
key2:value2,
func1:function(){}
}
>>>对象中的数据是以键值对形式存储,键与值之间用:分隔。
对各键值对之间用,分隔。
>>>对象中的键,可以是除了数组/对象以外的任何数据类型。但是,一般只用普通变量名作为键。
>>>对象中的值,可以是任何数据类型,包括数组和对象。
② 使用new关键字声明:var obj=new Object();
var.key1=value1;
obj.func=function(){}
3.对象中属性和方法的读写:
① .运算符:对象名.属性 对象名.方法();
对象内部:this.属性 this.方法()
对象外部:对象名.属性 对象名.方法()
② 通过["key"]调用:对象名.["属性名"] 对象名.["方法名"]();
>>>如果键中包含特殊字符,只能使用第②种方式;
>>>对象中直接写变量名,默认为调用全局变量。如果需要调用对象自身的属性或者方法。
需要使用对象名.属性,或者this.属性。
person.age this.age 都可以,但推荐使用this关键字。
③ 删除对象的属性和方法:delete 对象名.属性名/方法名
delete person.age;
js数组、内置对象、自定义对象的更多相关文章
- JavaScript基础 -- js常用内置方法和对象
JS中常用的内置函数如下: 1.eval(str):计算表达式的结果. 2.parseInt(str,n):将符串转换成整数数字形式(可指定几进制). 3.parseFloat(str):将字符串转换 ...
- js数组内置方法
var arr = ['A','B','C','D']; length 计算数组的长度 arr.length//4 indexOf() 搜索一个指定的元素的位置 arr.indexOf('C'); ...
- js arguments 内置对象
1.arguments是js的内置对象. 2.在不确定对象是可以用来重载函数. 3.用法如下: function goTo() { var i=arguments.length; alert(i); ...
- js中内置有对象
statpot:使用mongo+bootstrap+highcharts做统计报表 最近做了一个统计项目,这个统计项目大致的需求是统计接口的访问速度.客户端会调用一个接口来记录接口的访问情况,我的需求 ...
- js单体内置对象
js单体内置对象:js的内置对象,是ECMAScritp提供的.不依赖于宿主环境的对象,我的理解就是在我们开发之前js里面就已经存在的对象.单体内置对象就是是不需要通过new来实例化的,例如我们的st ...
- 【Unity】3.1 利用内置的3D对象创建三维模型
分类:Unity.C#.VS2015 创建日期:2016-04-02 一.基本概念 Unity已经内置了一些基本的3D对象,利用这些内置的3D对象就可以直接构建出各种3D模型(当然,复杂的三维模型还需 ...
- javaScript数组的三种属性—数组索引、数组内置属性、数组自定义属性
JS数组也是一种对象. 我们用JavaScript处理的所有东西,都可以视为是一种对象. JavaScript中有两种数据类型,基本类型数对象类型,但是基本类型基本都是包括在对象类型之中的. 数组.函 ...
- pytest封神之路第四步 内置和自定义marker
可以通过命令行查看所有marker,包括内置和自定义的 pytest --markers 内置marker 内置marker本文先讲usefixtures .filterwarnings .skip ...
- js常用内置对象、Dom对象、BOM对象
11.html元素事件属性中,如onclick="",双引号里可以是方法条用,可以是js代码(无需加<script>标签) 12.JavaScript内置 对象.属性和 ...
- JS的内置对象以及JQuery中的部分内容
[js中的数组] 1 数组的概念:可以再内存中连续存储的多个有序元素的结构 元素的顺序:称为下标,通过下标查找对应元素. ...
随机推荐
- Section 1.1 Greedy Gift Givers
Greedy Gift Givers A group of NP (2 ≤ NP ≤ 10) uniquely named friends hasdecided to exchange gifts o ...
- CTF比赛中SQL注入的一些经验总结
ctf中sql注入下的一些小技巧 最近花了一点时间总结了各大平台中注入的trick,自己还是太菜了,多半都得看题解,就特此做了一个paper方便总结 注释符 以下是Mysql中可以用到的单行注释符: ...
- 手脱ASPack
ESP定律到达OEP,重新分析代码块 在菜单栏中找到OllyDump插件,该插件的窗口的弹了出来,有一些选项可供我们修改,我们可以对Base of Code进行修改,这里Base of Code = ...
- [Scoi2014]方伯伯的玉米田 二维树状数组+动态规划
考试最后半个小时才做这道题.十分钟写了个暴力还写挂了..最后默默输出n.菜鸡一只. 这道题比较好看出来是动规.首先我们要明确一点.因为能拔高长度任意的一段区域,所以如果从i开始拔高,那么一直拔高到n比 ...
- Python打包EXE神器 pyinstaller
最近由于项目需要,以前的python文件需要编辑为EXE供前端客户使用. 由于最早接触的是distutils,所以一开始准备使用distutils和py2exe搭配来进行python的exe化,也就是 ...
- MySQL数据库— 汇总和分组数据
一 汇总和分组数据 查询语句 ---> 结果集(多条数据) ---> 聚合函数 ----> 单行记录 1.常用的聚合函数: sum() 数字 ...
- python 第三天
函数 函数的定义 def 语句定义函数,格式如下: def sayHello(name): if(name): print('hello',name) else: print('hello,','I\ ...
- 我读《通过Go来处理每分钟达百万的数据请求》
我读<通过Go来处理每分钟达百万的数据请求> 原文 原文作者为Malwarebytes公司的首席架构师Marcio Castilho http://marcio.io/2015/07/ha ...
- canvas图形处理和进阶用法
前面的话 上一篇博客介绍了canvas基础用法,本文将更进一步,介绍canvas的图形处理和进阶用法 图形变换 图形变换是指用数学方法调整所绘形状的物理属性,其实质是坐标变形.所有的变换都依赖于后台的 ...
- Joda-Time 简介
既然无法摆脱时间,为何不设法简化时间处理? 任何企业应用程序都需要处理时间问题.应用程序需要知道当前的时间点和下一个时间点,有时它们还必须计算这两个时间点之间的路径.使用 JDK 完成这项任务将非常痛 ...