JavaScript内置对象和DOM

发布时间 2023-10-19 19:17:44作者: RepublicLine

数组

数组遍历
/*
	数组遍历的方法
	1.for循环遍历数组下标输出
	2.forEach遍历  forEach(function(item,index,arr))
	3.filter(function(item,index,arr)) 返回一个新数组,回调函数返回true的结果会保存在新数组中
	4.map(function(item,index,arr))	返回一个新数组,回调函数return的内容会写进新数组,用于数组的二次加工。
*/

/*	
	对数组每个元素进行逻辑判断  some ||     every &&
	5.every(function(item,index,arr)) 对数组的每个元素运行回调函数,如果所有回调函数都返回true则every方法返回true,如果所有回调函数其中有一个返回false  every立即停止返回false
	6.some(function(item,index,arr)) 对数组的每个元素运行回调函数,如果所有回调函数都返回false 则some返回false 如果其中有一个回调函数返回true则some立即停止返回true
	

*/
数组删除
/*
	    var arr=[1,2,3,4,5,6];
        console.log('操作之前的数组',arr);

        // 数组删除
        // console.log(arr.splice(0)); //调用删除数组元素 splice方法

        // 直接替换新数组(推荐)
        // arr=[];


        // 修改数组长度
        // arr.length=0
        // console.log('操作之后的数组',arr);

*/

Date日期对象

日期对象
/*
	日期对象用来操作时间相关内容
	//new Date();	获取当前时间的日期对象
	//new Date('yyyy-MM-dd HH:mm:ss')  获取指定时间的日期对象(推荐)
	//new Date(y,m,d,h,m,s)  获取指定时间的日期对象,兼容性不好
	
	getFullYear()  获取日期对象的年份
	getMonth()	获取日期对象的月份, 月份从0开始使用的时候+1
	getDate()	获取日期对象的天数
	getDay()	获取日期对象的星期数  周日用0表示
	getHours()	获取日期对象的小时
	getMinutes()	获取日期对象的分钟
	getSeconds()	获取日期对象的秒
	
	getMilliseconds()	获取日期对象的毫秒数 
*/
时间戳
/*
	获取时间戳
	
	1. +newDate()
	2. Date.now()
	3. date对象.valueOf
	4. date对象.getTime()
	


*/

Math函数

/*
	Math.PI 圆周率
	Math.max() 取最大值
	Math.min() 取最小值
	Math.abs() 取绝对值
	
	Math.floor() 向下取整
	Math.ceil()	 向上取整
	Math.round() 四舍五入
	Math.random() //随机数 默认[0,1)
	求任意区间的随机数 [n,m) 	floor(random()*(m-n+1) + n)  //+1是因为floor向上取整,-1向下取整用ceil
	
*/

string常用方法

/*
	charAt(index) 根据位置查找
	str[index]	  同上
	
	concat()  拼接
	+''		  拼接
	
	indexOf('元素')  查找元素的索引位置,如果没有则返回-1
	indexOf('元素',index) 从index位置开始查 如果没有则返回-1
	lastIndexOf('元素') 从尾部开始查找元素的索引位置,如果没有则返回-1
	 
	substring(index,end)  从index位置开始截取数组  end结束 不包含end
	slice(index,end)	  从index位置开始截取数组  end结束 不包含end
	
	字符串转数组
	split('元素1')  将字符串按照 元素1 截断,并将截断后的元素存储到数组中
	split('')  如果传入空字符串把每一个字符都拆分变成数组的元素
	split('',num) num代表拆分后的份数
	
	trim() 去除字符串首位空格
	startWith('str') 判断字符串以str开始
	endWith('str') 判断字符串是否以str结束
	
	repate(num) 返回字符串,内容为原字符串的拼接,3表示拼接2次 总长度为原来的3倍
	
	字符串替换
	replace('oldStr','newStr') 将oldStr替换为newStr,只替换第一次出现oldStr的索引内容
	replace('oldStr','newStr') 将oldStr全部替换为newStr
	
	toUpperCase()  //全部转大写
	toLowerCase()	//全部转小写
	
	padStart(length,'str') //如果原字符串长度小于length,在原字符串后添加str的内容,如果不够则填充到length长度为止,填充内容为str
	

*/

DOM

/*

    DOM  document object modle 文档对象模型

    文档--->对象
    本质上,将html文件转换为document对象,使得js操作document对象,来使文档动起来。document对象的理解:
    DOM就是把页面各种标签封装起来形成一个DOM树 然后把他放到内存当做document对象,我们通过document对象就可以去查找到并使用了
    
 事件:
    事件三要素:
       1 事件源
           触发事件的元素
       2 事件名称
           js系统提供好了一些固定的事件 click
       3 事件驱动函数
           匿名函数 在事件触发时系统自动调用的函数
    
    
	页面元素的获取途径
		1,getElementById('元素id')	//只能获取单个
		2,getElementByClassName('标签的class值')	//伪数组
		3,getElementByTagName('标签名')	//伪数组
 		4,querySelector('css选择器')	//只能获取单个
 		5,querySelector('css选择器')	//伪数组
 		
	使用步骤:
        1 获取页面元素对象
        2 元素对象.on事件名称=匿名函数(js系统给我们提供了很多事件)
        3 在匿名函数里面定义执行的代码功能
    
    事件中this的使用
    	哪个事件源调用则this就指向谁
	
	在java中
	IO流使文档转换为对象来操作   inputStream  outputStream
	
	对象-->文档
	实际上对象也可以转换为文档类型   比如Xml文件,在xml文件中写标签可以动态的生成对象
	另一种情况  使用ObjectOutputStream 可以将内存中的对象转化为字节流对象,存储在硬盘中,或者用于网络传输

*/