js对象
- 自定义对象
程序员自己声明的对象 - 内置对象
js作者提前写好的对象 里面存储了一些写好的属性和方法 方便开发者使用
- json对象
解决跨平台兼容性问题
所有编程语言都支持的一种对象类型 主要解决不同平台之间的数据传输
json对象
json对象与js对象的区别
json对象的属性名和属性值都要是字符串 用双引号括起来
使用上没有区别 只是数据处理方式不一样
内置对象
API(application programming interface): 对象的方法
Date对象
- 创建时间对象
var date = new Date()
- 转换格式
//根据本地时间格式,把 Date 对象转换为字符串。
console.log(date.toLocaleString());
console.log(date.toLocaleDateString());
console.log(date.toLocaleTimeString());
- 获取年月日时分秒
console.log(date.getFullYear());//年
console.log(date.getMonth());//月 月份范围0-11
console.log(date.getDate());//日
console.log(date.getDay());//星期 星期范围0-6 星期天到星期六
console.log(date.getHours());//时
console.log(date.getMinutes());//分
console.log(date.getSeconds());//秒
console.log(date.getMilliseconds());//毫秒
Date日期对象方法 | 描述 |
---|---|
Date() | 返回当前的日期和时间 |
toLocaleString() | 根据本地时间格式,把 Date 对象转换为字符串返回当前的日期和时间。 |
toLocaleDateString() | 根据本地时间格式,把 Date 对象转换为字符串。返回当前的日期 |
toLocaleTimeString() | 根据本地时间格式,把 Date 对象转换为字符串。返回当前的时间 |
getFullYear() | 从 Date 对象以四位数字返回年份。 |
getMonth() | 从 Date 对象返回月份 (0 ~ 11)。 |
getDate() | 从 Date 对象返回一个月中的某一天 (1 ~ 31)。 |
getDay() | 从 Date 对象返回一周中的某一天 (0 ~ 6)。 |
getHours() | 返回 Date 对象的小时 (0 ~ 23)。 |
getMinutes() | 返回 Date 对象的分钟 (0 ~ 59)。 |
getSeconds() | 返回 Date 对象的秒数 (0 ~ 59)。 |
getMilliseconds() | 返回 Date 对象的毫秒(0 ~ 999)。 |
注意
日期对象获取的月份是从0-11
当前为7月 获取的是下标6
日期对象获取的星期是从0-6
星期天到星期六 星期天获取的是下标0
- 创建自定义日期
参数可以使自定义的 也可以是固定格式的时间字符串
//自定义的参数 月份要对应日期对象的下标
//如果当前是11月 那么要写下标10
var date1 = new Date(2017, 10, 3, 09, 30, 20);
console.log(date1);
//固定格式的时间字符串 'YYYY-MM-DD HH:mm:ss'
var date2 = new Date('2017-11-03 09:30:20')
console.log(date2);
Array对象
concat()
拼接两个数据
返回值: 拼接后的数组
var arr = [63, 9, 9, 10];
var arr1 = [10, 20];
//concat() 拼接数组
console.log(arr.concat(arr1));//[63, 9, 9, 10, 10, 20]
join()
将数组元素拼接成字符串
参数: 指定分隔符 默认是以逗号隔开
返回值: 拼接之后的字符串
var arr2 = ['我', '爱', '你', '中国']
//join()以指定分隔符将数组拼接成字符串 默认以逗号隔开
console.log(arr2.join());//'我,爱,你,中国'
console.log(arr2.join('|'));//'我|爱|你|中国'
pop()
删除数组的最后一个元素
同arr.length--
返回值: 删除的那个元素
//pop() 删除数组的最后一个元素
//返回值是删除的那个元素
var arr = [63, 9, 2, 10];
arr.pop();
console.log(arr);// [63, 9, 2]
var last = arr.pop();
console.log(last);//2
push()
往数组后面添加元素
同arr[arr,length]=值
返回值: 新数组的长度
//push() 往数组后面添加元素
//返回值是新数组的长度
var arr = [63, 9, 2, 10];
arr.push(1, 2, 3);
console.log(arr);//[63, 9, 2, 10, 1, 2, 3]
var length = arr.push();
console.log(length);//7
reverse
翻转数组
//reverse() 翻转数组
var arr = [63, 9, 2, 10];
arr.reverse();
console.log(arr);//[10, 2, 9, 63]
shift()
删除数组的第一个元素
返回值是删除的那个元素
//shift() 删除数组的第一个元素
//返回值是删除的那个元素
var arr = [63, 9, 2, 10];
arr.shift();
console.log(arr);//[9, 2, 10]
var first = arr.shift();
console.log(first);//9
console.log(arr);//[2, 10]
slice(start,end)
查找数组元素
[开始下标,结束下标)
//slice(开始下标,结束下标) 查找数组元素 [开始下标,结束下标)
var arr = [63, 9, 2, 10];
console.log(arr.slice(0, 2));//[63, 9]
sort()
排序 参数是一个函数
从小到大排序 function(a,b){return a-b}
从大到小排序 function(a,b){return b-a}
/*sort() 排序
参数是一个函数
从小到大排序 function(a,b){return a-b}
从大到小排序 function(a,b){return b-a}
*/
var arr = [63, 9, 2, 10];
console.log(arr.sort(function (a, b) {
return a - b;
}));//[2, 9, 10, 63]
console.log(arr.sort(function (a, b) {
return b - a;
}));//[63, 10, 9, 2]
splice()
删除元素 并向数组添加新元素
参数有三个
第一个参数是删除的元素下标
第二个参数是删除多少个元素
第三个参数可选 要添加的新元素
返回值是删除的元素
//splice(从哪里删,删几个,替换的元素)
//返回值是删除的那个元素
var arr = [63, 9, 2, 10];
arr.splice(1, 1);
console.log(arr);// [63, 2, 10]
console.log(arr.splice(1, 1));//[2]
arr.splice(0, 1, '替换的');
console.log(arr);// ["替换的", 10]
数组对象的方法 | 描述 |
---|---|
concat() | 连接两个或更多的数组,并返回结果。 |
join() | 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔 |
pop() | 删除并返回数组的最后一个元素 |
push() | 向数组的末尾添加一个或更多元素,并返回新的长度。 |
shift() | 删除并返回数组的第一个元素 |
unshift() | 向数组的开头添加一个或更多元素,并返回新的长度。 |
reverse() | 颠倒数组中元素的顺序。 |
sort() | 对数组的元素进行排序 参数是一个函数 |
slice() | 从某个已有的数组返回选定的元素 [开始下标,结束下标) |
splice() | 删除元素,并向数组添加新元素。第一个参数是删除的元素下标 第二个参数是删除多少个元素 第三个参数可选 要添加的新元素 返回值是删除的元素 |
String对象
length
属性
字符串的长度
//length属性 字符串的长度
var str = '我是Denisedan';
console.log(str.length);//11
charAt()
根据下标获取对应的字符
//charAt() 根据下标获取对应的字符
var str = '我是Denisedan';
console.log(str.charAt(0));//'我'
//也可以通过下标获取
console.log(str[0]);//'我'
concat()
拼接多个字符串
//concat() 拼接多个字符串
var str = '我是Denisedan';
var str2 = '大家好';
var res = str2.concat(str);
console.log(res);//大家好我是Denisedan
//也可以+号拼接
var res2 = str2 + '我是Denisedan';
console.log(res2);//大家好我是Denisedan
indexOf()
indexOf(‘字符’) 判断字符串是否包含某个字符
存在 返回首字符下标
不存在 返回固定值-1
/*indexOf('字符') 判断字符串是否包含某个字符
存在 返回首字符下标
不存在 返回固定值-1
*/
var str = '我是Denisedan';
console.log(str.indexOf('d'));//8
console.log(str.indexOf('6'));//-1
substr()
截取字符串
第一个参数是从哪个下标开始截取
第二个参数是截取几个字符
/*substr() 截取字符串
第一个参数是从哪个下标开始截取
第二个参数是截取几个字符
*/
var str = '我是Denisedan';
console.log(str.substr(0,8));
replace()
替换字符串
第一个参数是要替换的字符串
第二个参数是替换后的字符串
/*replace() 替换字符串
第一个参数是要替换的字符串
第二个参数是替换后的字符串
*/
var str2 = '大家好';
console.log(str2.replace('大家','你们'));//你们好
//将第二个参数设置成空字符串 就是删除字符串
var str2 = '大家好';
console.log(str2.replace('大家',''));//好
toLocaleUpperCase()
toLocaleLowerCase()
大小写转换
//大小写转换
var str = '我是Denisedan';
console.log(str.toLocaleUpperCase());//我是DENISEDAN
console.log(str.toLocaleLowerCase());//我是denisedan
split()
分割字符串
将字符串中字符以固定的分隔符分割成多个字符串 并且放入数组中
参数是指定分隔符 默认没有指定 则返回数组
/*split()分割字符串
将字符串中字符以固定的分隔符分割成多个字符串
并且放入数组中
参数是指定分隔符 默认没有指定 则返回数组
返回值一定是数组
*/
var str = '我&是&Denise&dan';
console.log(str.split());//["我&是&Denise&dan"]
console.log(str.split('&'));// ["我", "是", "Denise", "dan"]
字符串对象的方法 | 描述 |
---|---|
charAt() | 返回在指定位置的字符。根据下标获取对应的字符 |
concat() | 连接字符串 拼接多个字符串 |
indexOf() | 检索字符串 判断字符串是否包含某个字符 |
lastIndexOf() | 从后向前搜索字符串。 |
substr() | 从起始索引号提取字符串中指定数目的字符。截取字符串 第一个参数是从哪个下标开始截取 第二个参数是截取几个字符 |
substring() | 提取字符串中两个指定的索引号之间的字符。不包括最后一个索引号 |
replace() | 替换与正则表达式匹配的子串。修改字符串 第一个参数是要修改的字符串 第二个参数是修改后的字符串 |
split() | 把字符串分割为字符串数组。 |
toLocaleLowerCase() | 把字符串转换为小写。 |
toLocaleUpperCase() | 把字符串转换为大写。 |