JavaScript笔记

• JavaScript笔记
  • js的数据类型（6种）
  • js的==和===
  • 字符串的操作
  • 数组的操作
  • Math对象的操作
  • JSON操作
  • 正则表达式
    • 字符串的实例方法之中，有4种与正则表达式有关。
    • 修饰符
  • 闭包和变量作用域
  • JQuery
    • 操作样式

JavaScript笔记

js的数据类型（6种）

Undefined Null Number String Object Boolean

已经声明但是没有赋值，获取对象不存在的属性 Undefined

值 null 或者对象不存在 Null

整数，浮点数，NaN

js的==和===

=== 值和类型都一样 5 === '5' false

==值一样，类型不要求 5 == '5' true

字符串的操作

1. str.length();取长度
2. newstr = str.splice(start,end) 截取字符串返回，原来的不变
3. str.indexOf('o') 返回str中o出现的位置
4. newstr = str.trim() 返回新字符串 去除两端空格
5. newstr = str.toUpperCase() 转化大写
6. newstr = str.toLowerCase() 转化小写
7. str.split('-') 返回分割后数组,按照‘-’字符

数组的操作

var a = []
a.push(1)
a.push('a') push方法添加数据（在最后） 返回数组的长度
a.pop() pop方法删除最后一个数据，并且返回删除的元素，会改变原来的数组
a.join('-') 根据数组以‘-’拼接成字符串，不加任何参数就是默认逗号
a.shift() 删除数组的第一个元素 ，改变数组，返回删除的元素
a.unshift() 第一个位置添加元素 改变数组 返回数组长度

for ... in ... for var i in a { console.log(a[i]) }

Math对象的操作

Math.abs() 返回绝对值

Math.max(3,-1,5) 返回最大的参数5

Math.min(3,-1,5) 返回最小的参数-1

Math.floor(3.2) 向下取整 3

Math.floor(-3.2) 向下取整 -4

Math.ceil(3.2) 向上取整 4
Math.ceil(-3.2) 向上取整 -3

Math,round() 四舍五入取整

Math.round() 0-1的随机数

JSON操作

JSON.parse(json字符串) 返回一个数组或者对象

JSON.stringify(java值) 解析成json字符串

正则表达式

var regex = /xyz/;

var regex = new RegExp('xyz');

新建了一个内容为xyz的正则表达式对象。它们的主要区别是，第一种方法在引擎编译代码时，就会新建正则表达式，第二种方法在运行时新建正则表达式，所以前者的效率较高

\s 匹配任意的空白符
\d 匹配数字
\b 匹配单词的开始或者结束
^ 匹配字符串的开始处
$ 匹配字符串的结束处

• 匹配前面的子表达式任意次数
  ? 匹配前面的子表达式0次或者一次

• 匹配之前的表达式一次或者多次
  {n} 匹配之前的表达式n次
  {m,n} 匹配之前的子表达式最少m次最多n次
  [xyz] 字符集合表示其中任意一个字符，表示范围可用- 例如 [a-z]表示a-z之前的任意字符

regex.test()方法返回一个布尔值，表示当前模式是否能匹配参数字符串
regex.exec()方法，用来返回匹配结果。如果发现匹配，就返回一个数组，成员是匹配成功的子字符串，否则返回null。

字符串的实例方法之中，有4种与正则表达式有关。

String.prototype.match(str)：返回一个数组，成员是所有匹配的子字符串。
String.prototype.search()：按照给定的正则表达式进行搜索，返回一个整数，表示匹配开始的位置。
String.prototype.replace(reg,str)：按照给定的正则表达式进行替换，返回替换后的字符串。
String.prototype.split()：按照给定规则进行字符串分割，返回一个数组，包含分割后的各个成员。

修饰符

var reg = /xyz/g --修饰符g是进行多次匹配，默认大小写区分
var reg = /xyz/gi --修饰符i取消大小写区分
var reg = /xyz/gim --修饰符m执行多行匹配

闭包和变量作用域

JQuery

操作样式

.attr(attrname) 获取属性值
.attr(attrname,value) 设置属性值
.attr({
"title":"box2",
"class":"class-new"
})

.attr(attrname,function(index,attr){

})

.removeAttr() 移除属性

.prop() 获取和设置元素属性