JavaScript高级知识点整理
一、JS中的数组
1.数组的三种定义方式
(1)、实例化对象
var aArray=new Array(1,2,3,4,5);
(2)、快捷创建
var aTwoArray = [1,2,3,"d","f"];
(3)、多维数组
var aThreeArray = [[1,2,3],["a","b","c"]];
在这里,只有满足了数组中的元素是数组的时候才是多维数组
2.数组的操作
(1)、给数组增加单个或者多个元素
数组.push(元素1,元素2...)
(2)、修改数组中的元素
数组[角标]=数据;
(3)、删除数组中的元素
删除数组最后一个元素
数组.pop()
删除指定位置的元素
//第一个4表示 开始的角标包含4 2表示 删除的个数
aOneArray.splice(4,2);
// 1是开始角标 2是删除个数 剩下的都是新增元素
aOneArray.splice(1,2,"g","h","i");
如果想向数组中指定位置添加元素,可以这样写:
数组.splice(位置,0 ,元素);新增的元素会占据在指定起始角标上
(4)、获取数组中的元素
var sStr = aOneArray[4];
(5)、获取数组的长度
数组.length();
(6)、反转数组
数组.reserve();
(7)、获取元素在数组中的角标以及判断元素是否存在与数组中
数组.indexof(元素);
返回的值就是元素在数组中的角标,如果值为-1,则说明该元素不存在于该数组中
(8)、将数组中的元素拼接成字符串
二、循环语句
1.if语句
2.for语句
3.while语句
4.do-while语句
5、使用循环去遍历数组,从而对数字元素进行操作以及对数组元素的去重
三、类型转换
parseInt 转换成整数number类型 如果存在小数部份会直接去掉,不会四舍五入
parseFloat 转换成小数类型,如果没有小数部份,也不会自动加小数部份,毕竟小数的范围比整数大
NaN(Not a Number)是非数据类型,这是当类型转换失败时浏览器反馈的一个错误信息
四、字符串的操作
1.字符串的拼接
在JavaScript中,字符串的拼接并不像python中要求那么严格,拼接符号用+号,只要+号两端有任意一个元素是字符串,就会进行字符串拼接的运算,即字符串+整数=字符串,而如果+号两端都是数字类型的元素,则拼接不复存在,只会进行加法运算
2.字符串的分割与截取
一个字符串可以被分割或截取成不同的片段,但是不管怎么分割截取,原本的字符串都不会改变,毕竟字符串是不可变数据类型。分割出来的部份存在其他新命名的变量中就行了。
substring(start,end) 写上开始角标和结束角标,就会从开始角标开始截取,一致截取到结束角标,但是不包括结束角标所在元素
substring(start)只写一个start开始角标 说明从开始角标一直截取到字符串的末尾
3.把字符串拆分成数组
在此需要强调一点:字符串本质上就是一种字符数组,所以才能和数组进行互相的转换
数组=字符串.split() 不指定分割符,会把整个字符串当作一个整体的元素存在数组中
数组=字符串.split(' ') 指定一个空字符作为分隔符,会把字符串的每一个字符拆分成一个元素
数组=字符串.split('-') 指定一个分隔符,此分隔符必须是字符串中的一个字符,这样就会以该分隔符为分割线来分割字符串,如果该分隔符不是字符串中的字符,那么这样相当于没有指定分隔符,还是会把字符串当成一个整体的元素存到数组中,并不会报错。
4.获取字符在字符串中的角标
var iIndex=字符串.indexof('字符');
返回的数据就是该字符在字符串中角标,但是如果返回的值是-1,说明该字符不存在与字符串中
这也给判断某个字符是否存在于字符串中提供了方法
5.倒置字符串
将一个字符串倒序输出,并没有直接的方法,但是数组有倒置的方法,因此,提供一下思路:
- 将字符串使用split方法转换成数组
- 将数组使用reserve方法倒置
- 再将数组使用join方法转换成字符串即可
五、定时器
1.只执行一次的定时器
定义:setTimeout(功能,时间(毫秒))
销毁:
oTimer=setTimeout(功能,时间(毫秒));
clearTimeout(oTimer);
2.重复执行的定时器
定义:setInterval(功能,时间(毫秒))
销毁:
oInterval=setInterval(功能,时间(毫秒));
clearInterval(oInterval);
六、其他知识点
1.在JS中部分小数相加会出现都是精度的问题,如0.1+0.2=0.33333333333333.....
如果想避免精度丢失,可以先将小数转换为整数,然后再将结果转换为小数,就可以避免这种现象
JavaScript高级知识点整理的更多相关文章
- JavaScript基本知识点整理(超实用)
絮叨絮叨 今天给大家分享一下这两天自己整理的JavaScript部分的笔记,下面都是我觉得比较常用的,希望能帮助到大家! 1. 导入JS的三种方式 ①在HTML ...
- javascript高级知识点——闭包
代码信息来自于http://ejohn.org/apps/learn/. 先给出一个权威的定义,函数对象可以通过作用域相互关联起来,函数体内的变量可以保存在函数的作用域内,这种特性称为闭包. 在闭包内 ...
- javascript 完整知识点整理
by 蔡舒啸 目录 一 5种基本类型 typeof 关键字 三种强制类型转换 日期 二 if语句for语句whiledo-whileswitch-case 比较运算符 逻辑运算符 if for语句 w ...
- javascript学习(知识点整理)
有了这个代码,就可以在定义 中增加更多的控制了 后面会举例关于extjs定义的更多控制 此种方案可以解决定义时需要一些函数调用的情况 函数作用域和声明提前: 即由于js是解释性语言,在执行前会 ...
- javascript高级知识点——memoization
memoization是一种非常有用的优化技术,它缓存特定输入产生的相应结果.这样麻烦的查找和迭代计算可以尽可能的减少. 它基本的思想是针对特定的输入,已经计算过的结果都是通过缓存当中的数据直接返回而 ...
- javascript高级知识点——函数的长度
代码信息来自于http://ejohn.org/apps/learn/. 函数的长度属性如何工作? function makeNinja(name){} function makeSamurai(na ...
- javascript高级知识点——指定上下文实现
代码信息来自于http://ejohn.org/apps/learn/. 当我们将一个对象的点击事件绑定到一个事件触发元素时会发生什么? <ul id="results"&g ...
- javascript高级知识点——内置对象原型
代码信息来自于http://ejohn.org/apps/learn/. 可以修改内置对象的方法. if (!Array.prototype.forEach) { Array.prototype.fo ...
- javascript高级知识点——继承
代码信息来自于http://ejohn.org/apps/learn/. 继承是如何工作的 function Person(){} function Ninja(){} Ninja.prototype ...
随机推荐
- canvas绘制简单图形
canvas绘图篇: canvas绘制矩形: <!DOCTYPE html> <html> <head lang="en"> <meta ...
- 侯捷STL学习(二)--序列容器测试
第六节:容器之分类和各种测试(四) stack不提供iterator操作,破坏了容器的独特性,先进先出. 使用容器multiset(允许元素重复) 内部是红黑树,insert操作就保证了排好了序. 标 ...
- json例子--bai
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...
- 如何判断python的数据类型,用type函数
用 type 函数 In [29]: type(dataset) Out[29]: list 查询list的行数 In [38]: len(dataset) In [39]: Out[38]: 36 ...
- windows 修改端口数据及连接时间
最近线上遇到windows机器访问其他机器的时候失败的情况.实际就是本地的端口不够用造成的. D:\>netsh interface ipv4 show dynamicportrange pro ...
- dubbo+zookeeper+dubboadmin环境搭建
4.环境搭建 4.1.zookeeper注册中心的配置安装(在windows平台下,Linux类似,见官方文档)(Redis注册中心安装,简易注册中心安装,简易监控中心安装,见官方文档) 下载zook ...
- 使用/dev/dsp的wav文件播放器源码
转载于:http://blog.csdn.net/dux003/article/details/5459423 #include #include #include #include #include ...
- AudioManager 音量『转』
获取系统音量 通过程序获取android系统手机的铃声和音量.同样,设置铃声和音量的方法也很简单! 设置音量的方法也很简单,AudioManager提供了方法: publicvoidsetStream ...
- js对象排序&&倒序
按照对象的值大小排序对象 function sortObj(obj) { var arr = []; for (var i in obj) { arr.push([obj[i],i]); }; arr ...
- 【转】pecl,pear的不同
PEAR是PHP扩展与应用库(the PHP Extension and Application Repository)的缩写.它是一个PHP扩展及应用的一个代码仓库,基于php代码的,安装目录在/u ...