string Math Array Date方法 浏览器对象 最基础的增删改查 以及JS的小练习
对象
创建对象的方法
-
Object方法
- var zhangsan=new Object;
-
类名的方式
- class person{
- constructor(){
- 属性=属性值
- }
- 方法名（）{
- 函数体
- }
- constructor(){
- }
- var zhangsan= new person;
- class person{
-
json方法
- var zhangsan={}
-
构造函数方法
- function person(name,age){
- this.name=name;
- this.age=age
- }
- person.prototype={
- play:function(){
- }
- }
- var zhangsan = new person('zhangsan',56);
- var li= new person('lisi',33)
- function person(name,age){
遍历对象
for(let i in iphone){}
对象如果没有这个属性 会返回undefined
原型上的方法删不掉
清空对象
obj = null
遍历对象
for in
for(let i in apple){
i代表对象的属性 name age
apple[i]代表对象的方法
}
继承 new extends super()
冒充 zhangsan.play.call(lisi,45,88)
把zhangsan的play方法冒充给lisi;只能使用一次；
冒充 zhangsan.play.apply(lisi,[45,88])
构造函数方法
function person(name,age){
this.name=name,
this.age=age,
this.play=function(){
alert('敲代码')
}
};
person.prototype={
teacher:function(){
alert('濛细雨')
},
dudao:function(){
alert('冯佳佳')
}
}
person.prototype.aa=function(){
alert('这是aa')
}
function student(name,age){
this.name=name,
this.age=age,
this.mack=function(){
alert('睡觉')
}
};
student.prototype=new person;
var lian=new person('这是person',23)
var fei=new student('这是student',93)
// lian.play()
fei.play()
fei.mack()
fei.aa()
fei.dudao()
类的方法
class person{
constructor(name,num){
this.name=name;
this.num=num
}
play(){
alert('敲代码')
}
}
class student extends person{
//extends 继承
constructor(name,cla){
super();
// super()函数必须写
this.name=name;
this.cla=cla;
}
mack(){
alert('睡觉')
}
}
var lian=new person('这是person',170201)
var fei=new student('这是student','学生的');
fei.mack()
fei.play()
console.log(fei.name)
console.log(fei.cla)
String 字符串对象
属性
- length 返回长度（不区分中英文，识别空格 ）
- constructor 字符串的构造函数
方法
获取类型
- str.charAt() 返回指定位置的字符；
- charCodeAt() 返回指定位置所对应的Unicode编码
- String.fromCharCode() 接受一个或多个Unicode编码，返回对应的字符串
查找类型
- indexOf('ac') 返回某个字符串在str中首次出现的位置；如果未找到相应字符串，会返回-1；
- lastIndexOf('a') 返回某个字符串在str中最后出现的位置；
- match() 在字符串检索指定的值，返回值就是指定的值，返回一个数组 找不到目标值返回null
- replace('a','*') 用一段字符替换另外一段字符； 只会替换首次出现的目标字符
- search() 只用于正则
截取类
- slice(start,end) 从指定开始的位置，到结束的位置(不包括)的所有字符串。。如果不指定结束位置，则从指定的开始位置，取到结尾slice参数可以是负数，如果是负数，从-1开始指的是字符串结尾，-2是倒数第二个；
- substring(start,end) 从指定的开始位置，到结束位置(不包括)的所有字符串。如果不指定结束位置，则一直取到结尾，不支持负数；
- substr(start,length) 从指定的位置开始取指定长度的字符串。如果没有指定长度，从指定开始的位置取到结尾。
重复
- 'a'.repeat(5) 会输出'aaaaa'; 重复的输出某一个字符一定次数；
判断
- str.includes('a') 判断字符串内是否包含指定的字符串，返回布尔值；
转换类
- split("分割位置",[指定分割后数组的长度]) 将一个字符串分割成数组 var str='a-b-c-d-f' str.split('-',3)
- toLowerCase(); 用于把字符串转换为小写。
- toUpperCase() 将字符串转换为大写
去空
- trim() 字符串去空
- trimLeft() 字符串开始去空
- trimRight() 字符串结尾去空
案例
// 判断一个字符串中是否包含另一个字符串
function isInClude(str,str2){
if(str.indexOf(str2)==-1){
return false;
}else{
return true;
}
}
// 将制定的字符串替换成'*'号
function tihuan(str,str1){
// str是原字符串 str1是要替换掉的内容
let xing='';
for (var i = 0; i < str1.length; i++) {
// 通过循环判断要替换内容的长度，来决定*号的数量
xing+="*"
};
//可以用let xing='*'.repeat(str1.length)替换
let newstr=str;
while(newstr.match(str1)!=null){
// 可用(newstr.indexOf(str1)!=-1)替换
// 通过循环不停的替换，然后赋值给新的字符串
newstr=newstr.replace(str1,xing)
}
return newstr;
}
// 打印出一段字符串中某一节字符串的位置 方法1
function dump(str,str1){
let arr=[]
let xing="*".repeat(str1.length)
let newstr=str;
while(newstr.match(str1)!=null){
arr.push(newstr.indexOf(str1))
// 通过空数组保存下标 然后在循环外部return，避免直接终止循环，可以在最后获取到下标值，从而进行操作
newstr=newstr.replace(str1,xing);
}
return arr;
}
// 打印出一段字符串中某一节字符串的位置 方法2
function dumpF(str,str1){
let arr=[];
for (var i = 0; i < str.length; i++) {
if(str.substr(i,str1.length)===str1){
arr.push(i)
}
}
return arr;
}
// 查找数组内随机元素
function yuansu(a,b){
if(a instanceof Array && arguments.length==2){
// 参数a是一个数组对象，并且参数为2
var arr=[];
for (var i = 0; i <b; i++) {
var num=Math.floor(Math.random()*b);
arr.push(a[num]);
};
return arr;
}
}
Math 数学对象
- Math.abs() 取绝对值
- Math.round() 四舍五入
- Math.floor() 向下取整，取最大的
- Math.ceil() 向上取整，取最小的值
- Math.max() 取最大值
- Math.min() 取最小值
- Math.random() 取随机数
- Math.pow(x,y) 返回x的y次幂 平方
- Math.sqrt(x) 平方根
- numberObj.toFixed(2) 指定小数四舍五入后保留的位数
Array 数组对象
属性
- length 返回长度（不区分中英文，识别空格 ）
- constructor 数组的构造函数
var arr= new Array(5); 代表数组length为5;
arr.push(...['x','y','z']) 加上...会把元素单独插入进去，不加会插入一个数组
方法
删除添加类
- arr.push() 在数组末尾添加新的元素
- unshift('a','b',7) 在数组最前面添加
- pop() 删除数组最后一个元素，返回删除的元素，不用传参。
- shift() 删除数组第一个元素，不用传参。返回删除的元素；
- splice(index,数量,添加的元素...) 万能的添加删除，
- index 开始删除或添加的位置，下标
- 数量 要删除的个数，如果为0，则不删除
- 需要添加的元素，可以当做替换的元素
- 如果删除了元素，返回被删除的数组
转换类
- split() 字符串分割为数组
- join([分隔符])把数组元素按照指定分隔符组合成一个字符串，如果没有指定分隔符，默认是用“,”返回结果就是组合成的字符串
分割
- myarr.slice()
- 从截取指定的开始位置，到结束位置(不包括)的元素。如果不指定结束位置，则从 指定的开始位置，取到结尾(数组的下标)
- 支持负数(-1开头)
- 返回新数组。
数组的连接
- myarr.concat() 连接两个或更多的数组，并返回新数组，但是对原数组没有任何影响。
var con=arr(...arr1,['zhangsan','lisi'])
数组内容反转
- arr.reverse() 反转数组内的元素顺序
数组排序
- arr.sort([fn]) 排序
默认按照字符编码顺序排序，会把所有元素默认成字符串；
如果要实现其他排序则要传入一个参数，这个参数必须要函数，并且这个函数要有两个参数
* 若 a 小于 b，在排序后的数组中 a 应该出现在 b 之前，则返回一个小于 0 的值。
* 若 a 等于 b，则返回 0。
* 若 a 大于 b，则返回一个大于 0 的值
some
- some(fn回调函数) 数组里面的每一个元素都需要执行一次回调函数
遍历
- filter(function(value,index,arr){return value>0}) 满足条件的会打印到ss数组里
- some(function(value,index,arr){return value>0}) 有一个满足条件的返回true
- every(function(value,index,arr){return value>0}) 所有元素满足条件的返回true
案例
var ss=arr1.filter(function(value,ss,sff){
return value>3;
//满足条件的会打印到ss数组里
})
var ss=arr1.some(function(value,ss,sff){
return value>3;
//有一个满足条件的返回true
})
var ss=arr1.every(function(value,ss,sff){
return value>3;
//所有元素满足条件的返回true
})
数组里面的每一个元素都需要执行一次回调函数
作业
- 判断数组是否存在 >0
- 判断数组元素>0
- 筛选出元素 >0
- 删除重复
- 数组里随机获取任个元素
- 数组里随机获取任意个不重复元素
案例
// 判断数组内是否存在 > 0
function a1 (arr) {
if(!(arr instanceof Array)){
return;
}
for (var i = 0; i < arr.length; i++) {
if(arr[i]>0){
return true;
}
};
return false;
}
// 判断数组内是否所有元素都 > 0
function a2(arr) {
for (var i = 0; i < arr.length; i++) {
if(arr[i]<=0){
return false;
}
};
return true;
}
// 筛选数组内 > 0 的元素
function filter(arr){
let newarr=[];
for (var i = 0; i < arr.length; i++) {
if(arr[i]>0){
newarr.push(arr[i]);
}
}
return newarr;
}
// 判断数组内是否存在某一个元素
function arrP(arr,ele){
for (var i = 0; i < arr.length; i++) {
if(arr[i]==ele){
return true;
}
};
}
// 删除数组重复的元素
function quchong1(arr){
let newarr=[];
for (var i = 0; i < arr.length; i++) {
if(newarr.indexOf(arr[i])==-1){
// 当newarr里查询不到arr[i]的时候，插入
newarr.push(arr[i]);
}
}
return newarr;
}
function quchong2(arr){
let newarr=[];
for (var i = 0; i < arr.length; i++) {
var flag=arrP(newarr,arr[i]);
// 调用另外一个函数，判断newarr里是否包含arr[i]
if(!flag){
newarr.push(arr[i])
}
}
return newarr;
}
function quchong3(arr){
// 如果当前数组的第i项在当前数组中第一次出现的位置不是i，那么表示第i项是重复的，忽略掉。否则存入结果数组
var newArr = [];
for(var i=0, len=arr.length; i<len; i++){
if(arr.indexOf(arr[i]) == i){
newArr.push(arr[i]);
}
}
return newArr;
}
// 数组内随机获取任意个元素
function a5(arr){
let newarr=[];
let n=Math.floor(Math.random()*arr.length);
// 让获取的元素个数随机
for (var i = 0; i < n; i++) {
let num=Math.floor(Math.random()*arr.length);
// 让获取元素的内容随机
newarr.push(arr[num]);
// 插入新数组
}
return newarr;
}
// 数组里随机获取任意个不重复元素
function a6(arr){
let newarr=[];
let n=Math.floor(Math.random()*arr.length);
// 让获取的元素个数随机
for (var i = 0; i < n; i++) {
let num=Math.floor(Math.random()*arr.length);
// 让获取元素的内容随机
while(newarr.includes(arr[num])){
num=Math.floor(Math.random()*arr.length);
n=Math.floor(Math.random()*num);
}
newarr.push(arr[num]);
}
return newarr;
}
数组的遍历方式
优化版for循环
for(j = 0,len=arr.length; j < len; j++) {
}
对于数组较大时，优化比较明显；
第二种：foreach
arr.forEach(function(e){
});
第三种：for ……in
var arr = new Array("first", "second", "third")
for(var item in arr) {
document.write(arr[item]+",");
}
for……in 的效率比较低
第四种：map 遍历
arr.map(function(n){
});
第五种：for……of 遍历（需要ES6支持）
for(let value of arr) {
});
Date 日期对象
var date=new Date()
1.“时:分:秒 月/日/年” “月/日/年 时:分:秒" 字符串
2.年,月,日,时,分,秒 不能加"" 月份要-1
获取日期信息的方法
getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。
getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。
getMonth() 从 Date 对象返回月份 (0 ~ 11)。
getFullYear() 从 Date 对象以四位数字返回年份。
getYear() 请使用 getFullYear() 方法代替。
getHours() 返回 Date 对象的小时 (0 ~ 23)。
getMinutes() 返回 Date 对象的分钟 (0 ~ 59)。
getSeconds() 返回 Date 对象的秒数 (0 ~ 59)。
getMilliseconds() 返回 Date 对象的毫秒(0 ~ 999)。
getTime() 返回 1970 年 1 月 1 日至今的毫秒数。
getTimezoneOffset() 返回本地时间与格林威治标准时间 (GMT) 的分钟
差。
设置日期的方法
setDate() 设置 Date 对象中月的某一天 (1 ~ 31)。
setMonth() 设置 Date 对象中月份 (0 ~ 11)。
setFullYear() 设置 Date 对象中的年份（四位数字）。
setYear() 请使用 setFullYear() 方法代替。
setHours() 设置 Date 对象中的小时 (0 ~ 23)。
setMinutes() 设置 Date 对象中的分钟 (0 ~ 59)。
setSeconds() 设置 Date 对象中的秒钟 (0 ~ 59)。
setMilliseconds() 设置 Date 对象中的毫秒 (0 ~ 999)。
setTime() 以毫秒设置 Date 对象。
setUTCDate() 根据世界时设置 Date 对象中月份的一天 (1 ~ 31)。
setUTCMonth() 根据世界时设置 Date 对象中的月份 (0 ~ 11)。
setUTCFullYear() 根据世界时设置 Date 对象中的年份（四位数字）。
setUTCHours() 根据世界时设置 Date 对象中的小时 (0 ~ 23)。
setUTCMinutes() 根据世界时设置 Date 对象中的分钟 (0 ~ 59)。
setUTCSeconds() 根据世界时设置 Date 对象中的秒钟 (0 ~ 59)。
setUTCMilliseconds() 根据世界时设置 Date 对象中的毫秒 (0 ~ 999)。
浏览器对象模型 BOM
window是BOM核心对象
属性
尺寸
- window.innerWidth/innerHeight
- document.documentElement.clientWidth/clientHeight;
调试工具
- confirm() 自带取消 确定按钮的对话框 点击返回布尔值
- prompt() 显示可提示用户输入的对话框。
- close() 关闭浏览器窗口。
- open(url,name,feafurse,replace) 通过脚本打开新的窗口
URL要在新窗口中显示的文档的 URL。如果省略了这个参
数,那么新窗口就不会显示任何文档。
nane
_blank -- 在新窗口中打开链接
_parent -- 在父窗体中打开链接
_self -- 在当前窗体打开链接,此为默认值
_top -- 在当前窗体打开链接，并替换当前的整个窗体(框架页)
一个对应的框架页的名称 -- 在对应框架页中打开
feafurse
样式
我叫洱月，我愿意陪你到洱海风花雪月，你，看到我了吗？
码字不易，点个赞呗
