JavaScript中内置对象的API方法

98 阅读6分钟

JavaScript中内置对象的API方法

1.Array数组

  • length数组的长度
//length 数组长度
			function lengthTest(){
				var arr=new Array(1,2,3,4,5);
				console.log(arr.length);
			}
			// lengthTest();
  • push-pop出栈入栈
//push-pop 出栈入栈
			function pushTest(){
				var arr=new Array();
				arr.push("我");
				arr.push("爱");
				arr.push("你");
			
				console.log(arr.pop());
				console.log(arr.pop());
				console.log(arr.pop());
			}
			// pushTest();
  • join() 将数组中的内容,用一定的分隔符变为字符串形式
//join 将数组中的内容,用一定的分隔符变为字符串形式
			function joinTest(){
				var arr=new Array(1,2,3,4,5);
				var string1= arr.join("*");
				var string2=arr.join("");
				var string3=arr.join(",");
				console.log(string1,typeof(string1));
				console.log(string2,typeof(string2));
				console.log(string3,typeof(string3));
				console.log(arr);
			}
			// joinTest();
  • reverse() 将数组内容逆序
//reverse 将数组内容逆序
			function reverseTest(){
				var arr=new Array(1,2,3,4,5);
				var arr1=arr.reverse();
				//arr和arr1都被逆序了
				console.log(arr);
				console.log(arr1);
			}
			// reverseTest();
  • sort() 默认不传参数时是按照Ascall码排序
//sort 默认不传参数时是按照Ascall码排序
			function sortTest(){
				var arr=new Array(3,2,11,451,56,15);
				arr.sort();
				console.log(arr);
			}
			// sortTest();
    • **sort()**传入自定义比较器
    • 第一种
//第一种
			function sortTest1(){
				var arr=new 					Array(3,431,111,2,11,451,56,15);
				arr.sort(function (a,b){
				return a-b;
			});
				console.log(arr);
			}
			sortTest1();
    • 第二种
//第二种
			function sortTest2(){
				var arr=new Array(3,431,111,2,11,451,56,15);
				arr.sort(comparaFu);
				console.log(arr);
			}
			function comparaFu(a,b){
				return a-b;
			}
			// sortTest2();
    • 第三种
//第三种
			function sortTest3(){
				var arr=new Array(3,431,111,2,11,451,56,15);
				arr.sort((a,c)=>a-b);
				console.log(arr);
			}
			// sortTest3();
  • concat() 将多个数组进行合并
//concat 将多个数组进行合并
			function concatTest(){
				var arr=new Array(3,2,11,451,56,15);
				var arr2=new Array(1,2,4,23,2,6);
				var arr3=new Array(3,45,67,2,1);
				arr4=arr.concat(arr2,arr3);
				console.log(arr);
				console.log(arr2);
				console.log(arr3);
				console.log(arr4);
			}
  • **slice()**从数组中截取子数组
//slice从数组中截取子数组
			function sliceTest(){
				var arr =new Array(1,2,3,4,5);
				var arr2=arr.slice(1,3);
				console.log(arr);
				console.log(arr2);
			}
			// sliceTest();
  • splice(index,count) -删除
//splice(index,count) -删除
			function spliceTest1(){
				var arr=new Array(1,2,3,4,5);
				var arr1=arr.splice(1,3)
				console.log(arr);
				console.log(arr2);
			}
			// spliceTest1();
  • splice(index,0,arr0...arrn替换的数组)-修改
//splice(index,0,arr0...arrn替换的数组)-修改
			function spliceTest2(){
				var arr=new Array(1,2,3,4,5);
				var arr1=arr.splice(1,0,2,3,4);
				
				console.log(arr);
				console.log(arr1);
			}
			// spliceTest2();
  • **splice(index,修改的长度,修改的内容)**返回被修改替换的数组
//splice(index,修改的长度,修改的内容)返回被修改替换的数组
			
			function spliceTest3(){
				var arr=new Array(1,2,3,4,5);
				var arr2= arr.splice(1,2,23,43);
				console.log(arr);
				console.log(arr2);
			}
			// spliceTest3();
  • **indexOf()**找出元素首次出现的位置
//indexOf找出元素首次出现的位置
			function indexOfTest(){
				var arr=new Array(1,3,2,4,3,2,2);
				var index=arr.indexOf(3);
				console.log(index);
			}
			// indexOfTest();
  • **lastIndexOf()**找出元素最后一次出现的位置
//lastIndexOf()找出元素最后一次出现的位置
			function lastIndexOf(){
				var arr=new Array(1,3,2,4,3,2,2);
				var index=arr.lastIndexOf(3);
				console.log(index);
			}
			// lastIndexOf();

2.String字符串

  • **charAt(index)**根据下标获取元素
//charAt(index)根据下标获取元素
			function charAtTest(){
				var string="hello world";
				var str=string.charAt(2);
				console.log(str);
			}
			// charAtTest();
  • **charCodeAt(index)**根据下标获取元素的ascall码
//charCodeAt(index)根据下标获取元素的ascall码
			function charCodeAtTest(){
				var string ="ahello word";
				var str=string.charCodeAt(0);
				console.log(str);
			}
			// charCodeAtTest();
  • **indexOf(str)**查找元素第一次出现的下标
  • **indexOf(str,position)**从position开始(包括position下标位置)查找str
//indexOf(str)查找元素第一次出现的下标
			//indexOf(str,position)从position开始(包括position下标位置)查找str
			function indexOfTest(){
				var string ="hello world";
				var str=string.indexOf("ll");
				var str1=string.indexOf("l",3);
				console.log(str);
				console.log(str1);
			}
  • **lastIndexOf(str)**查找元素最后一次出现的下标
  • **lastIndexOf(str,position)**从position开始(包括position下标位置)查找元素最后出现的下标
//lastIndexOf(str)查找元素最后一次出现的下标
			//lastIndexOf(str,position)从position开始(包括position下标位置)查找元素最后出现的下标
			function lastIndexOf(){
				var string="hello world";
				var str=string.lastIndexOf("l");
				var str1=string.lastIndexOf("l",8);
				console.log(str);
				console.log(str1);
			}
			// lastIndexOf();
  • **substring(indexA,indexB)**从indexA截取到indexB(不算indexB)
//substring(indexA,indexB)从indexA截取到indexB(不算indexB)
			function substringTest(){
				var string="hello world";
				var str=string.substring(1,6);
				console.log(str);
			}
			// substringTest();
  • **substr(index,count)**从index开始截取count个字符
//substr(index,count)从index开始截取count个字符
			function substrTest(){
				var string="hello world";
				var str=string.substr(1,6);
				console.log(str);
			}
			// substrTest();
  • **split(str)**以str分割字符串返回字符数组以str分割字符串返回字符数组
//split(str)以str分割字符串返回字符数组
			function splitTest(){
				var string="hello world";
				var str=string.split(" ");
				console.log(str);
				// for (var i = 0; i < str.length; i++) {
				// 	console.log(str[i]);
				// }
			}
			// splitTest();
  • **replace(str,replaceStr)**将str替换为replaceStr
//replace(str,replaceStr)将str替换为replaceStr
			function replaceTest(){
				var string="hello world";
				var str=string.replace(" ","hahaha");
				console.log(str);
			}
			// replaceTest();
  • **test()**用于正则表达式,返回boolean类型
//test()用于正则表达式,返回boolean类型
			function testTest(){
				//正则表达式
				var exp=/^\S$/;
				var string="hello world";
				var bool=exp.test(string);
				console.log(bool);
			}
			// testTest();
  • **toLowerCase()toUpperCase()**返回全部大写或小写
//toLowerCase()和toUpperCase()返回全部大写或小写
			function toLowUppTest(){
				var string="Hello World";
				var str1=string.toLowerCase();
				var str2=string.toUpperCase();
				console.log(str1,str2);
			}
			// toLowUppTest();

3.Math

  • **max(num,....,num)**方法求最大值
//max(num,....,num)方法求最大值
			function maxTest(){
				var num=9.3;
				var num1=8.9;
				var num3=Math.max(num,num1);
				console.log(num3);
			}
			// maxTest();
  • **min(num...numn)**方法求最小值
//min(num...numn)方法求最小值
			function minTest(){
				var num=9.3;
				var num1=8.9;
				var num3=Math.min(num,num1);
				console.log(num3);
			}
			
			// minTest();
  • **ceil()**向上取整
//ceil()向上取整
			function ceilTest(){
				var num1=9.8;
				var num2=7.9;
				var num3=-12.9;
				var num4=-3.3;
				
				var num5=Math.ceil(num1);//10
				var num6=Math.ceil(num2);//8
				var num7=Math.ceil(num3);//-12
				var num8=Math.ceil(num4);//-3
				console.log(num5);
				console.log(num6);
				console.log(num7);
				console.log(num8);
			}
			// ceilTest();
  • **floor()**向下取整
//floor()向下取整
			function floorTest(){
				var num1=9.8;
				var num2=7.9;
				var num3=-12.9;
				var num4=-3.3;
				
				var num5=Math.floor(num1);//9
				var num6=Math.floor(num2);//7
				var num7=Math.floor(num3);//-13
				var num8=Math.floor(num4);//-4
				console.log(num5);
				console.log(num6);
				console.log(num7);
				console.log(num8);
			}
			// floorTest();
  • **round()**四舍五入
//round()四舍五入
			function roundTest(){
				var num1=9.8;
				var num2=-3.3;
				
				var num3=Math.round(num1);
				var num4=Math.round(num2);
				
				console.log(num3);//10
				console.log(num4);//-3
			}
			// roundTest();
  • **abs()**取绝对值
//abs()取绝对值
			function absTest(){
				var num1=9.8;
				var num2=-3.3;
				
				var num3=Math.abs(num1);
				var num4=Math.abs(num2);
				
				console.log(num3);//10
				console.log(num4);//-3
			}
			// absTest();
  • **random()**返回一个大于等于0小于1的随机数
//random()返回一个大于等于0小于1的随机数
			function randomTest(){
				var num1=Math.random();
				console.log(num1);
			}
			// randomTest();

4.Date日期型

  • 如何创建一个日期型对象(根据本地时间)
//如何创建一个日期型对象
			function dateTest(){
				var date=new Date();
				console.log(date);
			}
			// dateTest();
  • Date类型的get方法
function getDate(){
				var date=new Date();
				//返回四位数的年份
				var year=date.getFullYear();
				//返回日期中的月份,返回值为0-11
				var month = date.getMonth();
				//返回月份中的天数
				var dates=date.getDate();
				//返回星期,返回值为0-6
				var day=date.getDay();
				//返回小时
				var hours=date.getHours();
				//返回分
				var minutes=date.getMinutes();
				//返回秒
				var seconds=date.getSeconds();
				//返回表示日期的毫秒数
				var minutesSeconds=date.getMilliseconds();
				//用毫秒数表示时间
				var time=date.getTime();
				
				console.log(date);
				console.log(year);
				console.log(month);
				console.log(dates);
				console.log(day);
				console.log(hours);
				console.log(minutes);
				console.log(seconds);
				console.log(time);
				console.log(minutesSeconds);
			}
			// getDate();
			
  • Date类型的set方法
function setDate(){
				var date=new Date();
				//设置4位数的年份
				var year=date.setFullYear(2001);
				//设置日期中的月份,从0开始,0表示1月
				var month=date.setMonth(10);
				//设置日期
				var dates=date.setDate(21);
				//设置星期,从0开始,0表示星期日
				// var day=date.setDay();
				//设置小时
				var hours=date.setHours(8);
				//设置分
				var minutes=date.setMinutes(8);
				//设置秒
				var seconds=date.setSeconds(8);
				//设置毫秒
				var minutesSeconds=date.setMilliseconds(123)
				//以毫秒数设置日期,会改变整个日期
				// setTime()
				
				console.log(date);
			}
			
			setDate();