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 ...
随机推荐
- oralce 记一次 External Procedure initial connection 处理
1 环境 oracle 11.2.0.4 RAC(2 nodes),centos 6.8,实体机 2 问题 线上环境执行一条sql sql> select ST_AsText(ST_Geomet ...
- Mongodb 副本集的节点详细操作
副本集操作 官方文档:https://docs.mongodb.com/v3.2/reference/method/js-replication/ 1 rs.add(){ _id: <int&g ...
- create-react-app脚手架中配置sass
本文介绍如何在react中配置sass 首先将你的文件名称改成scss结尾的文件 然后安装依赖 cnpm install sass-loader node-sass --save-dev 找到node ...
- C# 连接Mysql 字符串
Database=XXX;Data Source=XXX;User Id=XXX;Password=XXX;pooling=false;CharSet=utf8;port=3306
- 用JS,打印正立三角形
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...
- 使用Javascript Ajax 通信操作JSON数据 [下]
上一篇文章我们获得后台数据库的数据后转换成json格式然后返回到前台,但只是返回的一位数组,这次我们返回二维和三维数组和对象. 前台代码shizhan.html: <!DOCTYPE html& ...
- interface 接口 和多态的含义
<?php //interface关键字用于定义接口 interface ICanEat{ //接口里面的方法不需要方法的实现 public function eat($food) ; } // ...
- Struts2框架06 ValueStack
原文地址:点击前往 1 什么是ValueStack 称为值栈,Struts提供的共享数据的数据结构 2 为什么要使用ValueStack 从控制器向浏览器传递数据 存储与请求相关的对象信息(sessi ...
- winform 对话框控件
ColorDialog 可以调节颜色的控件,如果给一个按钮点击事件 ColorDialog.showdialog();就会弹出这个 返回值是个枚举类 然后定义一个这个类的变量 接收一下它的返回值 Di ...
- ubuntu16.04安装labelme
1.安装Anaconda 下载 官方下载地址:https://www.continuum.io/downloads 所有安装包地址:https://repo.continuum.io/archive/ ...