JavaScript基础之对象

基本介绍

JavaScript中所有的事物都是对象,比如字符串、数字、日期等。
对象是具有属性和方法的数据。

属性和方法

比如:car就是一个对象,它的属性有颜色+重量+车型+品牌,

car.name = Jeely;
car.color = balck;
car.weight = 300;

它的方法有启动+停止+运行

car.start();
car.run();
car.stop();

JavaScript中的对象

在JavaScript中,对象就是数据(变量),有属性和方法。
当创建一个变量是,

var a = "Hello World";

实际上就是创建了一个字符串对象。字符串对象有自带的属性length。
属性:

a.length = 11

方法

a.indexOf("l",0)
a.replace("l","M")
a.search("/Wor/")

创建JavaScript对象

JavaScript 中的几乎所有事务都是对象:字符串、数字、数组、日期、函数,等等。
你也可以创建自己的对象。

person = new Object();
person.firstName = "刘诗诗";
person.age = 30;
person.sex = "女";
document.write(person.sex+"<br/>");

访问对象的属性和方法

document.write(a.length);
document.write(a.toUpperCase());
<script type="text/javascript">

Array

方法

    生成新的数组,但是不影响原数组。
    concat(array1);数组拼接,长度等于原来2个数组的长度的和
    join("-");用-把数组中的元素分隔,生成String
    pop();删除最后一个元素,并返回该元素,影响了原数组的长度。
    push(var);让数组最后添加一个元素,并返回新数组的长度
    push(array);往数组最后添加一个数组B,并返回新数组的长度,其中新数组的长度= 原素组长度+1(数组B作为一个元素,而不是把数组B的元素加入新数组)
    reverse();颠倒数组中元素的顺序,并返回新数组
方法说明
concat(arr1)数组拼接,生成新的数组,长度等于原来2个数组的长度的和
join(“-“)用-把数组中的元素分隔,生成新String
pop()删除最后一个元素,并返回该元素,影响了原数组的长度。
push(var);往数组最后添加一个数组B,并返回新数组的长度,其中新数组的长度= 原素组长度+1(数组B作为一个元素,而不是把数组B的元素加入新数组)
reverse()颠倒原数组中元素的顺序
var arr3 = arr1.concat(arr2);
arr1.join("=")
arr1.pop();
arr4.push("李大钊");
arr5.push(arr6);
arr7.reverse()

String

属性

属性说明
str.length字符串的长度

方法

下面的方法不影响原字符串。

方法说明
bold()粗体
fontcolor(“red”)字体颜色
fontsize(12)字体大小
link(“baidu.html”)超链接
sub()字符串作为下角标
sup()字符粗作为上角标
chartAt(5)返回字符串中角标为5的元素
“a”.concat(“bc”);合并字符串
indexOf(“h”);返回字符串在该字符串中第一次出现的角标
substr(3,5);截取字符串。 第一个参数:开始截取的位置角标,第二个参数:截取的数量。
substring(3,5);截取字符串。第一个参数:开始截取的位置的角标,第二个参数:结束截取位置的角标。[3,5)留左不留右
document.write(str1.length);
document.write(str1.fontcolor("blue"));
document.write(str1.fontsize(20));

var str2 = "百度";
document.write(str2.link("https://www.baidu.com/"));

document.write("5".sub()+6);
document.write("5".sup()+"6");

document.write(str1.charAt(3));
document.write(str1.concat(str2));

var str3 = "a-b-c-d-e";
var array1 = str3.split("-");
document.write(array1.length);

document.write(str1.substr(2,1));

var str4 = "abcde";
document.write(str4.substring(2,5)); 

这里写图片描述

Date

方法:

Date 获取Date对象 new Date()
toLocaleString();将时间格式化成本地格式,并转成字符串
getFullYear();获取当前年份
getMonth();获取当前月,默认从0开始
getDay();本天是周几
getDate();本天在当月是第几天,从1开始
getHours();现在的小时数
getMinutes();现在是第几分钟
getSeconds();当前秒
getTime();从1970年1月1日到现在的毫秒数

Demo:

var date = new Date();
document.write(date);
document.write(date.toLocaleString());
document.write(date.getFullYear());
document.write(date.getMonth());
document.write(date.getDay());
document.write(date.getDate());
document.write(date.getHours());
document.write(date.getMinutes());
document.write(date.getSeconds());
document.write(date.getTime());
var date2 = new Date(date.getTime());

这里写图片描述

Math

Math.floor(1.2); 取小值,去掉小数
Math.ceil(a);    取大值,去掉小数,然后整数+1
Math.round(1.2); 四舍五入
Math.random();   [0,1)之间的随机数

怎样获取[0,10]之间随机整数?

Math.random()*10; //[0,10)

Math.ceil(Math.random()*10);

RegExp

var reg = new RegExp("g");//创建对象
test(str); str是否满足正则表达式reg
var reg = new RegExp("g");
var str = "abcdef";
document.write(reg.test(str));
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值