JS中常用对象的属性和方法学习

最新推荐文章于 2022-07-23 17:06:55 发布
最新推荐文章于 2022-07-23 17:06:55 发布
阅读量670 收藏 1
点赞数
分类专栏： front
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-NC-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ZGL_cyy/article/details/105766293
版权

目录

 1 Date 日期对象

2 String 对象学习

3 数组的声明方式

3.1 数组的使用

3.2 数组的扩容

3.3 数组的遍历

3.4 数组中常用的方法

 1 Date 日期对象

//本月中的第几天

document.write(date.getDate()+"<br />");

//本星期的第几天

document.write(date.getDay()+"<br />");

//返回的月份 0-11

document.write(date.getMonth()+"<br />");

//返回的是1900年到现在年份的差值2018-1900

document.write(date.getYear()+"<br />");

//返回全年2018

document.write(date.getFullYear()+"<br />");

//2018/6/22 下午12:17:14:返回本地的时间

document.write(date.toLocaleString()+"<br />");

Math 对象学习

//获得随机数

//随机数范围是0-1

var ran=Math.random()*1000;console.log(ran);

//向下取整 756.9714434215177 ==756

console.log(Math.floor(ran));

//向上取整 398.06376470341377==398

console.log(Math.ceil(ran));

//获得4位随机数--验证码

console.log(Math.floor(Math.random()*9000+1000) );

代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
		<script>
			
			/*****【1】函数声明的方式***********************/
			
			//方式一
			function  demo1(){
				
				alert("函数声明一");
				
			}
			
			//方式二
			var  demo2= function(){
				
				
				alert("函数声明二");
				
			}
			
			//方式三   (函数本身也是一个对象)   了解
			
			var  demo3=new  Function("alert('我是函数声明三')");
			
			
//			demo3();
//			demo1();
			
			/*************函数中参数传递************************/
			
			function  demo4(a,b){
				
				console.log(a+"...."+b);
				
				
			}
			
			
		/*	demo4(1,2);//1....2
			
			demo4(1);//1....undefined
			
			demo4(1,2,3);//1....2*/
			
			
			/**************函数的返回值**************************/
			
			
			function  demo5(a){
				
				
				console.log("参数值："+a());
				
				
				return a;
				
				
			}
			
//			alert(demo5(5));
			
			var  a=function(){
				
				console.log("我是函数a");
				
			};
			
			demo5(a);
			
			
			
			
			
		</script>
		
		
	</head>
	<body>
	</body>
</html>

效果：

2 String 对象学习

var a="b-j-s-x-t";

var b=new String("bjsxt");

//获得下标为2的内容

document.write(b.charAt(2)+"<br />");

//2 :获得下标

document.write(b.indexOf("sxt")+"<br />");

//字符串截取 开始下标 截取长度

document.write(b.substr(2,3)+"<br />");

// 截取开始的长度

document.write(b.substr(1)+"<br />");

//字符串截取

开始下标    结束的下标

document.write(b.substring(2,3)+"<br />");

//开始下标

document.write(b.substr(2)+"<br />");

//字符串截取的方法

document.write(a.split("-"));Global 对象

var a=1;

var b="var c=1+1";

document.write(a+"<br />");

document.write(b+"<br />");

//把字符串转成可以执行的js的代码

eval(b);

document.write(c+"<br />");

var d="123a";

Number(d);//NAN

// 检查某个值是否是数字。

document.write(isNaN(d));

代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
			
			/************String对象学习**************/
			function  testString(){
				
				var   a="b-j-s-x-t";
				
				var  b=new  String("bjsxt");
				
				//获得下标为2的内容
				document.write(b.charAt(2)+"<br />");
				//2  :获得下标
				document.write(b.indexOf("sxt")+"<br />");
				//字符串截取  开始下标  截取长度
				document.write(b.substr(2,3)+"<br />");
				//  截取开始的长度
				document.write(b.substr(1)+"<br />");
				//字符串截取    开始下标   结束的下标
				document.write(b.substring(2,3)+"<br />");
				//开始下标
				document.write(b.substr(2)+"<br />");
				
				//字符串截取的方法
				document.write(a.split("-"));
				
			}
			
			/***************Global对象学习********/
			function  testGlobal(){
				
				var  a=1;
				
				var  b="var  c=1+1";
				
				document.write(a+"<br />");
				
				document.write(b+"<br />");
				//把字符串转成可以执行的js的代码
				eval(b);
				
				document.write(c+"<br />");
				
				
				
				var  d="123a";
				
				Number(d);//NAN
				
				//	检查某个值是否是数字。
				document.write(isNaN(d));
				
				
			}
			
			testGlobal();
		</script>
		
		
	</head>
	<body>
	</body>
</html>

效果：

3 数组的声明方式

function

demo1(){

//方式一

var arr=new Array();

//方式二  5代表数组的长度

var arr2=new Array(5);

console.log(arr2);

//方式三

var arr3=new

Array("你好",123,new String(),true);

console.log(arr3);

//方式四

var arr4=["bjsxt",123,new Date(),false]; }

3.1 数组的使用

function

demo2(){

var arr=[];

arr[0]="李时珍的皮";arr[1]=true;

arr[2]=new

Date();

arr[6]=12;

//js中数组的下标可以不连续如果没有给值就是empty

console.log(arr);

}

3.2 数组的扩容

function

demo3(){

var arr=["csdn",123,new Date(),false];

console.log(arr.length);

//扩大数组

empty

arr.length=10;

//缩小数组

arr.length=2;

console.log(arr); }

3.3 数组的遍历

function demo4(){

//方式一var arr=["csdn",123,new Date(),false];

for(var

i=0;i<arr.length;i++){

console.log(arr[i]);

}

//方式二 i:是数组的下标

for(var i in arr){

console.log(arr[i]);

}}

3.4 数组中常用的方法

function

demo5(){

var arr=["bjsxt",123,new Date(),false];

console.log(arr);

//向数组的末尾添加一个或更多元素，并返回新的长度。

arr.push("我们");

// 删除并返回数组的最后一个元素

arr.pop();

//向数组的开头添加一个或更多元素，并返回新的长度。

arr.unshift("你好");

//移除第一个元素

arr.shift();//

删除开始的下标 删除的个数

arr.splice(1,2)

//添加的操作

arr.splice(1,0,"你")

} 

代码： 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
			
			/*********数组的声明方式*****************/
			
			function  demo1(){
				
				//方式一
				var   arr=new  Array();
				//方式二   5代表数组的长度
				var  arr2=new  Array(5);
				
//				console.log(arr2);
				//方式三
				
				var  arr3=new  Array("你好",123,new String(),true);
				
				console.log(arr3);
				//方式四
				
				var  arr4=["csdn",123,new Date(),false];
			}
			
			/*********数组的使用**************/
			
			function  demo2(){
				
				
				var arr=[];
				
				arr[0]="李时珍的皮";
				
				arr[1]=true;
				
				arr[2]=new  Date();
				
				
				arr[6]=12;
				
				//js中数组的下标可以不连续  如果没有给值就是empty 
				
				console.log(arr);
				
				
			}
			
			/*******数组的扩容********************/
			  
			  function  demo3(){
			  	
			  	
			    var  arr=["bjsxt",123,new Date(),false];
			  	
			  	
			     console.log(arr.length);
			  	
			  	//扩大数组   empty
			  	
//			  	arr.length=10;
			  	
			  	//缩小数组
			  	arr.length=2;
			  	
			  	
			  	console.log(arr);
			  	
			  	
			  }
			  
			/*******数组的遍历********************/
			
			function  demo4(){
				
				var  arr=["bjsxt",123,new Date(),false];
				 
				//数组的遍历方式一
				for(var  i =0;i<arr.length;i++){
					
					console.log(arr[i]);
				}
				
				//数组遍历方式二  i :是代表数组的下标
				for(var  i in arr ){
					
					
					console.log(arr[i]);
				}
				
			}
			/*******数组中常用的方法********************/
			
			function  demo5(){
				
				var  arr=["csdn",123,new Date(),false];
				
				console.log(arr);
				//向数组的末尾添加一个或更多元素，并返回新的长度。
				// var  le= arr.push("我们");
				//删除并返回数组的最后一个元素
				// var le= arr.pop();
				//删除并返回数组的第一个元素
				//arr.shift();
				//	向数组的开头添加一个或更多元素，并返回新的长度。
				//arr.unshift("sxt");
				//  删除的含义   开始删除的下标   删除的个数
				//arr.splice(1,2);
				//添加的含义   添加的下标   0   添加的元素
				arr.splice(1,0,"你好");
				console.log(arr);
				
				
			}
			
			demo5();
			
			
		</script>
		
		
		
	</head>
	<body>
	</body>
</html>

效果：

 
赵广陆
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
JavaScript常用对象的方法和属性小结
10-28
JavaScript是基于对象的语言。我们知道，对象是由一组数据(JavaScript中称之为属性)和施加在这组数据上的方法组成的。JavaScript中还有一些不属于任何对象的系统函数
H5之js拼接select级联优化
weixin_33755847的博客
10-24 151
记得上篇博文中用select和input实现了级联查询的效果，但是效果不是太好，这一次选择两个js中的select来实现级联查询。<strong><span style="font-size:18px;"><select onchange='return getValue(this.value," + i + ")' id='SOilCorpName" + i...
JS几种生成唯一id的方法
hahahhahahahha123456的博客
05-16 3813
在开发中偶尔会遇到需要生成唯一id的时候，比如对数组的任意一项进行多次增删改，这时就需要给每一项添加唯一标识符来加以区分。以下便是从网络中搜集而来的各种生成唯一标识的方法，在此总结以供以后查阅。 方法1 function uuid() { var s = []; var hexDigits = "0123456789abcdef"; for (var i = 0; i < 36; i++) { s[i] = hexDigits.substr(Math.
js中的操作符和数据类型转换
qq_46472106的博客
08-22 177
值传递和引用数据传递 一、基本数据类型在进行值传递时，只是赋值了一份属性值进行操作；（不会影响原值） var a=10; a=b; console.log(b); //报错 因为赋值是从右到左，b没有声明 二、引用数据类型在进行值传递时，传递的是引用地址；（引用地址就是堆，只要是一个引用地址，只要一个改变所有的都改变） var o1{ name:"lisa", age:20 } var o2=o1; o2.name="tom"; console.log(o1); //t
js常见的属性和方法总结
qq_42349528的博客
09-28 1849
js常见的属性和方法，js全局属性和方法，数组的属性和方法，字符串的熟悉和方法
Js常用属性方法汇总
xcLeigh
05-14 1997
Js常用属性方法汇总js属性-常用的js属性功能介绍1.conca(); 连接字符串。2.indexOf(); 检索字符串，返回的是字符在字符串的下标3.substr(); 从起始索引号提取字符串中指定书目的字符4.数组array下面的方法4_1.slice[start,end];返回从原数组中指定开始下标到结束下标之间的项组成的新数组（原数组不变）,数组下表从0开始4_2.splice();方法向/从数组中添加/删除项目，然后返回被删除的项目。这种方法会改变原始数组。4_3.pop()；方法用于删除数组的
JavaScript 判断对象中是否有某属性的常用方法
10-18
在JavaScript中，判断对象是否拥有特定属性是常见的需求。...理解这些方法并灵活运用，可以帮助我们更有效地处理JavaScript中的对象属性判断。希望本文对你有所帮助，如有疑问欢迎提问。感谢对网站的支持！
浅析JavaScript访问对象属性和方法及区别
11-27
首先，访问对象属性通常有两种方式：点表示法（.）和方括号表示法（[]）。 1. **点表示法**： 点表示法是JavaScript中最直观和常用的访问属性的方式。例如： ```javascript objectName.propertyName ``` 其中...
js基础之DOM中document对象的常用属性方法详解
10-21
下面小编就为大家带来一篇js基础之DOM中document对象的常用属性方法详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
JS 中 原生方法 (四) --- Object
ankuailan3925的博客
03-19 500
Javascript 中 str、 arr、date、obj 等常见的原生方法总结 本文也说主要阐释了 Javascript 中的基础类型和 引用类型的自带方法，那么熟悉的同学又可以绕道了 总是绕道，真是羞耻悳boy 当然 本文阐述的主要类容 from MDN ( zh-cn ) Object（Javascript 自带属性和方法） Object 自带属性 Object 自带一个 ...
JavaScript对象属性及方法
AI小华仔的博客
02-01 845
JavaScript对象属性及方法 1.对象属性 JavaScript对象时属性变量的容器，以键值对name:value的形式存在，访问方式为 name.value name[value] 2.对象方法 对象方法通过添加()作为函数调用,对象方法是一个函数定义，并作为一个属性值存储 var person = { firstName:"zjh", lastName:"z", age:21, fullName:function () { re
js的对象以及属性和方法(详解)
weixin_54902466的博客
05-10 3556
文章目录前言一、关于对象1. 语法2.属性和访问3.方法和调用总结 前言 对象是 JavaScript 数据类型的一种，我之前分享了数值类型、字符串类型、布尔类型、undefined。对象数据类型可以被理解成是一种数据集合。它由属性和方法两部分构成。 提示：以下是本篇文章正文内容，下面案例可供参考 一、关于对象 1. 语法 声明一个对象类型的变量与之前声明一个数值或字符串类型的变量没有本质上的区别。 <!DOCTYPE html> <html lang="en"> <hea
JavaScript（String）字符串对象常用属性和方法
m0_58729995的博客
07-31 438
<script> //使用string时，可以有两种方法创建对象： //(1)使用new关键字创造时，var mystr=new String('字符串对象测试') //(2)直接使用字符串赋值 var mystr='字符串对象' //length属性:用来返回字符串的长度 var mystr='hello'; strlength=mystr.length; document.wri.
JavaScript对象——window对象常用属性介绍
weixin_45587319的博客
06-29 393
Window 对象 Window 对象表示浏览器中打开的窗口。 如果文档包含框架（<frame> 或 <iframe> 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。 在JavaScript脚本中使用console.log()指令将代码执行结果发送到浏览器控制台显示： console.log(window); document对象 获取当前的html文档： 当浏览器载入 HTML 文档, 它就会成为
标准C语言09
最新发布
weixin_56293040的博客
07-23 299
预处理指令、定义宏、宏函数、头文件、makefile
js 字符串的常用方法和属性
qq_41818857的博客
01-17 300
String类型的定义：由零个或多个16为的Unicode字符春组成的字符序列。 1. 声明字符串： 字符串由**单引号（’）或多引号(")**表示,且由哪种引号开头就必须以哪种引号结尾，下面两种写法都是正确的： var name1 = “张三”; var name2 = ‘李四’; 2. 其他类型转字符串的方法 想把一个值转换成字符串有三种方式: 第一种是几乎每个值有的**toString()*...
好久没写blog了，抄个简单的
袁一白的博客
11-07 299
Windows系统 安装java语言开发包、配置环境变量 https://jingyan.baidu.com/album/4b52d702db5982fc5c774bc3.html?picindex=2 开发工具idea的下载与安装 https://jingyan.baidu.com/article/25648fc16db2909191fd0082.html idea 配置maven https:...
并发编程——一文看尽CountDownLatch原理
不要总是等明天再开始
08-23 341
这里写目录标题一级目录二级目录三级目录CountDownLatch实际例子源码解析 一级目录 二级目录 三级目录 CountDownLatch CountDownLatch是一个同步辅助类，允许一个线程等待其他线程执行完毕再继续执行。比如现在有一个线程0在执行任务A，执行任务过程中需要等待其他线程1、线程2等先完成任务B任务C的执行，那么线程0会暂停任务A的执行，线程0阻塞，等到线程1线程2执行完毕时线程0才会继续执行。 CountDownLatch使用AQS实现线程同步，初始化时要设置一个count，表示
js常用方法对象及属性
cjx__的博客
08-11 162
/**  * String常用属性  */ typeof                              //检测变量的返回值 leng                                 //返回长度 charAt(index)                         //返回在指定位置的字符 indexOf(str，index)                 /...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

赵广陆

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值