对象
一般来说使用{}来定义一个对象，再把它赋值给变量obj
var obj={
p:'world peace',
q:'My dream'
}
大括号内部包含着的内容是键值对，p，q 是键名。My dream和world peace是键值，键名和键值用：隔开，键值对之间用逗号隔开
基本使用
var intro = {
name: 'jun',
age: 23,
saysaohua: function(){
console.log('我想明白了')
}
}
console.log(intro.name)
console.log(intro['name'])
intro.saysaohua()
两种运算符
1.点运算符
2.方括号运算符
可以看出 obj.键名 = obj['键名'] 其作用都为读取对象的属性（键名）
请注意，如果使用方括号运算符，键名必须放在引号里面，否则会被当作变量处理。但是，数字键可以不加引号，因为会被当作字符串处理。
可以用这两种运算符来完成属性赋值
查看属性
可以使用Object.keys（）
JSON格式
JSON 格式（JavaScript Object Notation 的缩写）是一种用于数据交换的文本格式，2001年由 Douglas Crockford 提出，目的是取代繁琐笨重的 XML 格式。
相对于js中平常的格式较严格一些
1.复合类型的值只能是数组和对象
2.简单类型的值有字符串，数值（十进制），布尔值和null
3.字符串使用双引号
4.对象的键名必须放在双引号
delate
delete命令用于删除对象的属性，删除成功后返回true。
JSON.stringify()
符合JOSO格式的可以用该方法将值转换为字符串
如果原始对象中，有一个成员的值是undefined、函数或 XML 对象，这个成员会被过滤
如果数组的成员是undefined、函数或 XML 对象，则这些值被转成null
正则对象会被转成空对象。
JOSON.parse
符合JOSO格式的可以用该方法将字符串转换为对象
如果传入的字符串不是有效的JSON格式，JSON.parse方法将报错。
将这两个方法结合起来可以实现对象的深拷贝
var newobj = JSON.parse(JSON.stringify(oldobj))
数组
数组自身的功能
push
arr.push(1)可以在数组中的最后一位添加元素
arr.pop()将数组的最后一位剔出来，返回数组
arr.unshift('1')在数组的第一位添加新元素
arr.shift()把数组的第一位元素剔除
arr.splice(1,1,1)第一个1是位置下标，表示要执行操作的位置，第二个1代表的是要替换的长度，当为0时表现得就只是增加元素，后面的就是新增加的元素
concat
用于拼接数组
var a=[1,3,5,7]
var b=[2,4,6,8]
console.log(a.concat(b))//[1,3,5,7,2,4,6,8]
reverse
方法用于将数组逆序，与之前不同的是它会修改原数组
var a = [1,2,3,4,5];
a.reverse();
console.log(a); //[5, 4, 3, 2, 1]
sort
用于数组排序
var c=[1,3,5,7,2,4,6,8]
c.sort()//[1,2,3,4,5,6,7,8]
还可以用来对属性进行排序
var fridens=[{age:3,name:'dog'},{age=5,name:'cat'},{age:2,name:'bird'}]
fridens.sort(function(v1,v2){
return v1.age-v2.age})
fridens.sort(function(v1,v2){
return v1.name>v2.name})
ES5数组拓展
Array.isArray([])判断一个对象是不是数组
是则返回true否则返回false
.indexOf(element) / .lastIndexOf(element)
用于查找数组内指定元素位置，查找到第一个后返回其索引，没有查找到返回-1，indexOf从头至尾搜索，lastIndexOf反向搜索。
但返回的坐标都是从左往右数的
var a = [1,5,4,2,0,1]
console.log(a.indexOf(1)) //0
console.log(a.lastIndexOf(1)) //5
.forEach(element, index, array)
遍历数组，参数为一个回调函数，回调函数有三个参数：
1.当前元素
2.当前元素索引值
3.整个数组
该用法除了可以遍历数组以外，还可以做一些功能性函数，比如将原数组在原有基础之上,每个元素施加一样的效果之后转换成新的数组
var a = new Array(1,2,3,4,5,6);
a.forEach(function(e,i,array){
array[i]= e + 1;
});
console.log(a); //[2, 3, 4, 5, 6, 7]
.every(function(element, index, array))
是所有函数的每个回调函数都返回true的时候才会返回true，当遇到false的时候终止执行，返回false
.some(function(element, index, array))
“存在”有一个回调函数返回true的时候终止执行并返回true，否则返回false
var a = [1, 2, 3, 4, 5, 6]
console.log(a.every(function(e, i, arr){
return e < 5
}))
console.log(a.some(function(e,i,arr){
return e > 4
}))
.map(function(element))
与forEach类似，遍历数组，回调函数返回值组成一个新数组返回，新数组索引结构和原数组一致，但是有所不同的是原数组不变
var a = [1, 2, 3, 4, 5, 6]
console.log(a.map(function(e){
return e * e
})) // [1, 4, 9, 16, 25, 36]
console.log(a) //[1, 2, 3, 4, 5, 6]
.filter(function(element))
返回数组的一个子集，回调函数用于逻辑判断是否返回，返回true则把当前元素加入到返回数组中，false则不加
功能类似一个筛子，选好条件，符合条件的元素加入新数组中，实现过滤的作用原数组保持不变
var a = [1, 2, 3, 4, 5, 6]
console.log(a.filter(function(e){
return e % 2 == 0;
})) // [2, 4, 6]
console.log(a) //[1, 2, 3, 4, 5, 6]
.reduce(function(v1, v2), value)
.reduceRight(function(v1, v2), value)
功能：
回调函数：把两个值合为一个，返回结果（可累加，累减，累乘）
value，一个初始值,可选
区别 .reduce是从左向右选值，.reduceRight从右向左选值
var a = [1, 2, 3, 4, 5, 6]
var b = a.reduce(function(v1, v2){ return v1 + v2 }) console.log(a) // 21
var b = a.reduceRight(function(v1, v2){ return v1 - v2 }, 100)
字符串
定义
:字符串就是零个或多个排在一起的字符，放在单引号或双引号之中。
转义
如果要在单引号字符串的内部，使用单引号（或者在双引号字符串的内部，使用双引号），就必须在内部的单引号（或者双引号）前面加上反斜杠\，用来转义。
如果长字符串必须分成多行，可以在每一行的尾部使用反斜杠。
var longString = "Long \
long \
long \
string"
常见的字符串方法
- 长度计算,连接
var str = "hello";
console.log( str.length );//5
console.log( str[0] );//h
console.log( str[str.length - 1] );//o
console.log( str.charAt(0) );//h
console.log( str.charCodeAt(0) );//104
var str2 = " world";
var str3 = str1 + str2;
cosnole.log( str3 );
字符串截取
var str = "hello world";
var sub1 = str.substr(1, 3); // 第一个是开始位置， 第二个是长度 ell
var sub2 = str.substring(1, 3); // 第一个是开始位置，第二个是结束位置，长度为第二个－第一个 el
var sub3 = str.slice(1, 3); // 同上 允许负参
查找
var str = "hello my world";
var s1 = str.search('my'); //6 找不到为-1
var s2 = str.replace('my', 'your'); //"hello your world"
var s3 = str.match('my'); //返回匹配的数组
引用 饥人谷课件
网友评论