内置对象
系统内置的构造函数
1.Number
属性
Number.MAX_VALUE
Number.MIN_VALUE
方法
toFixed([number]) 取整或者或者保留指定位数的小数(四舍五入)
toString([number])转为字符串的形式，可以转为进制
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>number对象</title>
</head>
<body>
<script>
var n1=100 //这个表示值是100
var n2= new Number(100); //这个表示值包含100的对象
console.log(n1);
console.log(n2);
console.log(n1==n2);
console.log(n1===n2);
console.log(n2+100)
console.log(n1.constructor);//值直接调用属性的时候，会把值变成包含这个值的对象，当参加加减乘除的时候，他又会将包含这个值的对象，变成这个值 ƒ Number() { [native code] } （这个是对象调用的）
console.log(Number.MAX_VALUE);//可以表示最大的值(这个是构造函数直接调用的) 这个相当于类的属性
console.log(Number.Min_VAlue);//可以表示最小的值
console.log(n1.toString(2));
console.log(n1.toString(8));
console.log(n1.toString(16));
console.log(n1.toFixed())
console.log(10.354.toFixed()) //四舍五入取整
console.log(10.354.toFixed(1))//四舍五入取整 保留一位
console.log(10.3546.toFixed(8))//四舍五入取整 取一位
</script>
</body>
</html>
推荐看javascript的文档网址 www.w3school.cn 不是w3cschool(这个是山寨的地址)
String
属性:lenth
方法
indexif() 返回第一次出现的位置 不存在 返回-1
lastIndexof() 返回最后一次出现的位置 不存在 返回-1
substr(str,lenth) 截取 开始和截取长度
substring(start,end)截取 开始和结束位置
slice(start,end) 同上
split()把字符串分割成 数组
trim() 去掉两边的空格
toUpperCase转大写
toLowerCase转小写
replace(旧,新) 替换 只能替换一次
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>字符串</title>
</head>
<body>
<h1>字符串</h1>
<hr>
<script>
var message='i love you hello';
console.log(message.lenth);//字符的个数
console.log(message[3]);
console.log(message.charAt(3)); //返回指定位置的字符
console.log(message.indexOf('o'));//返回指定字符串(字符串第一次出现的位置)
console.log(message.indexOf('love'));//返回指定的字符串(字符串) 第一次出现的位置
console.log(message.lastIndexOf('o'));//返回指定的字符串(字符串)
console.log(message.substr(4));//截取
console.log(message.substr(4,5));//截取 从第4开始截取5个
console.log(message.substring(4));
console.log(message.substring(4,6));//从第4个到第6个 (不包含第6个)
console.log(message.slice(4,6));//同上
//把字符串分隔成数组
console.log(message.split(' '));
console.log(message.toUpperCase())//大写
console.log(message.toUpperCase())//小写
console.log(message.replace('o','偶'));
console.log(message.replace(/o/,'偶')); 全部替换
console.log(message.trim());//去掉两边空的字符
</script>
</body>
</html>
======
装js插件
ctrl shif p install emmet 装插件方便快捷使用
JS数组对象
Array
4.1创建数组v
var list=[item1,item2,item3...]
var list=new Array()
4.2数组操作
#添加元素
list.push() 最后面
list.unshift()最前面
list.splice(位置,0,新值) 指定位置
#删除元素
list.pop() 删除最后 返回删除的元素
list.shift()删除第一个 返回删除的元素
list.splice(位置，删除的个数) 指定位置删除指定个数
#设置修改
list[index]=value
list.splice(位置，删除个数，值1，值2...)
属性和方法
属性
length
方法
push()
pop()
shift()
unshift()
splice()
属性
length 字符串长度
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>数组</title>
</head>
<body>
<h1>数组</h1>
<hr>
<script>
var list=[100,23,'hello',9,[1,2,3],{name:'lili',age:10}];
console.log(list);
list[18]=1000;
console.log(list);//稀疏数组，尽量避免 数组的索引必须连续
console.log(list.lenth);
//如何给数组添加元素
//最最后面追加
list.push(1000);
//在最前面追加
list.unshift(1000)
//指定位置追加
list.splice(3,0,'小丽丽','大丽丽') //这里写0表示谁都不删
console.log(list)
list.pop();
//删除最后一个
list.shift():
//删除指定位置
list.splice(4,1)
console.log(list)
list[2]='老丽丽';
list.splice(2,2,'诺天王') //splice比较万能
console.log(list);
</script>
</body>
</html>
数组的遍历
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>遍历数组</title>
</head>
<body>
<script>
var arr=[10,20,30,40,50,60];
console.log(arr);
for (var i=0;i<arr.lenth;i++){
console.log(arr[i])
}
console.log('');
//不牛逼的for in
for(var i in arr){
console.log(arr[i])
}
console.log('');
//for Each
arr.forEach(function(value,index){
console.log(index+'=>'+value)
})
</script>
</body>
</html>
类数组对象
类型不是array,特性非常像array
具有lenth属性
常见类数组对象arguments,元素列表(nodelist)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>类数组对象</title>
</head>
<body>
<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>
<div class="item">4</div>
<div class="item">5</div>
<script>
//for ... of
var list = [1,2,3,4,5]; //纯的
var itemList = document.querySelectorAll('.item');
console.log(list);
console.log(itemList);
console.log(list.constructor);
console.log(itemList.constructor);
function demo(){
console.log(arguments.constructor)
}
demo();
console.log(itemList[0])
console.log(itemList.length);
for (var i = 0; i < itemList.length; i ++) {
console.log(itemList[i])
}
console.log('');
for (var i in itemList) {
console.log(i, itemList[i])
}
itemList.forEach(function(value, index) {
console.log(value)
})
</script>
</body>
</html>
函数对象不理解 问老师？
Date-Math-正则?不理解