JavaScript常用对象(String.Array.Date.Math)

这里写图片描述

###1. js的String对象
** 创建String对象
*** var str = “abc”;
** 方法和属性(文档)
*** 属性 length:字符串的长度

####方法 str.方法()
(1)与html相关的方法

  • bold():加粗
    document.write(str.bold());
  • fontcolor(): 设置字符串的颜色
    document.write(str.fontcolor(“Red”));
  • fontsize(1-7): 设置字体的大小 1-7
    document.write(str.fontsize(7));
  • link(): 将字符串显示成超链接
    **** str4.link(“hello.html”)
  • sub() sup(): 下标和上标

(2)与java相似的方法

  • concat(): 连接字符串
    ** //concat方法
    var str1 = “abc”;
    var str2 = “dfg”;
    document.write(str1.concat(str2));
  • charAt():返回指定指定位置的字符串
    ** var str3 = “abcdefg”;
    document.write(str3.charAt(20)); //字符位置不存在,返回空字符串
  • indexOf(): 返回字符串位置
    ** var str4 = “poiuyt”;
    document.write(str4.indexOf(“w”)); //字符不存在,返回-1
  • split():切分字符串,成数组
    ** var str5 = “a-b-c-d”;
    var arr1 = str5.split(“-”);
    document.write("length: "+arr1.length);
  • replace() : 替换字符串
  • 传递两个参数:
    – 第一个参数是原始字符
    – 要替换成的字符
  • var str6 = “abcd”;
    document.write(str6);
    document.write(“
    ”);
    document.write(str6.replace(“a”,“Q”));
  • substr()substring()
  • var str7 = “abcdefghuiop”;
    //document.write(str7.substr(5,5)); //fghui 从第五位开始,向后截取五个字符
    *** 从第几位开始,向后截取几位

document.write(“
”);
document.write(str7.substring(3,5)); //de 从第几位开始到第几位结束 [3,5)
*** 从第几位开始,到第几位结束,但是不包含最后哪一位


###**2. js的Array对象** ** 创建数组(三种) - var arr1 = [1,2,3]; - var arr2 = new Array(3); //长度是3 - var arr3 = new Array(1,2,3); //数组中的元素是1 2 3 - var arr = []; //创建一个空数组 ** **属性:length:查看数组的长度//属性,不是方法,所以不要括号**

** 方法

  • concat方法: 数组的连接
  • var arr11 = [1,2,3];
    var arr12 = [4,5,6];
    document.write(arr11.concat(arr12));

-join():根据指定的字符分割数组

  • var arr13 = new Array(3);
    arr13[0] = “a”;
    arr13[1] = “b”;
    arr13[2] = “c”;
    document.write(arr13);
    document.write(“
    ”);
    document.write(arr13.join(“-”));
    结果a-b-c

**-push():向数组末尾添加元素,返回数组的新的长度
如果添加的是一个数组,这个时候把数组当做一个整体字符串添加进去

*//push方法
var arr14 = new Array(3);
arr14[0] = “tom”;
arr14[1] = “lucy”;
arr14[2] = “jack”;
document.write(“old array: “+arr14);
document.write(”
”);
document.write(“old length:”+arr14.length);
document.write(“
”);
document.write(“new length: “+arr14.push(“zhangsan”));
document.write(”
”);
document.write("new array: "+arr14);

**如果添加的是一个数组,这个时候把数组当做一个整体字符串添加进去

注:push数组的话会把整个数组添加到最后,但是长度只增加一
这里写图片描述

*var arr15 = [“aaa”,“bbb”,“ccc”];
var arr16 = [“www”,“qqq”];
document.write(“old array:”+arr15);
document.write(“<br/>”);
document.write(“old length:”+arr15.length);
document.write(“<br/>”);
document.write(“new length:”+arr15.push(arr16));
document.write(“<br/>”);
document.write("new array: "+arr15);
for(var i=0;i<arr15.length;i++) {
alert(arr15[i]);
}

-pop():表示 删除最后一个元素,返回删除的那个元素

  • var arr17 = [“zhangsan”,“lisi”,“wangwu”,“zhaoliu”];
    document.write(“old array: “+arr17);
    document.write(”<br/>”);
    document.write(“return: “+arr17.pop());
    document.write(”<br/>”);
    document.write("new array: "+arr17);

-reverse():颠倒数组中的元素的顺序
*var arr17 = [“zhangsan”,“lisi”,“wangwu”,“zhaoliu”];
document.write(“old array: “+arr17);
document.write(”<br/>”);
document.write(“return: “+arr17.pop());
document.write(”<br/>”);
document.write(“new array: “+arr17);
//reverse方法
document.write(”<hr/>”);
var arr18 = [“zhangsan1”,“lisi1”,“zhaoliu1”,“niuqi1”];
document.write(“old array: “+arr18);
document.write(”<br/>”);
document.write(“new array:”+arr18.reverse());


###**3. js的Date对象** ** 在java里面获取当前时间 Date date = new Date(); //格式化 //**toLocaleString**() //2015年4月17日 11:17:12 ** js里面获取当前时间 **var date = new Date();** //获取当前时间 var date = new Date(); document.write(date); // Fri Apr 17 10:47:46 UTC+0800 2015

//转换成习惯的格式
document.write(“<hr/>”);
document.write(date.toLocaleString());
** 获取当前的年方法
getFullYear():得到当前的年
**** document.write("year: "+date.getFullYear());
** 获取当前的月方法
getMonth():获取当前的月
*** 返回的是 0-11月,如果想要得到准确的值,加1
**** var date1 = date.getMonth()+1;
document.write("month: "+date1);
** 获取当前的星期
getDay():星期,返回的是 (0 ~ 6)
** 外国朋友,把星期日作为一周的第一天,星期日返回的是 0
而星期一到星期六 返回的是 1-6
** document.write("week: "+date.getDay());
** 获取当前的日
getDate():得到当前的天 1-31
** document.write("day: "+date.getDate());
** 获取当前的小时
getHours():获取小时
** document.write("hour: "+date.getHours());
** 获取当前的分钟
getMinutes():分钟
** document.write("minute: "+date.getMinutes());
** 获取当前的秒
getSeconds(): 秒
** document.write("second: "+date.getSeconds());
** 获取毫秒数
getTime()
返回的是1970 1 1 至今的毫秒数

** 应用场景:
*** 使用毫秒数处理缓存的效果(不有缓存)
http://www.baidu.com?毫秒数


###**4. js的Math对象** *数学的运算 ** **里面的都是静态方法,使用可以直接使用 Math.方法()** **不能new 类名.方法();** ** **ceil**(x): 向上舍人 ** **floor**(x):向下舍人 ** **round**(x):四舍五入 ** **random**():得到随机数(伪随机数) - 得到0-9的随机数 **Math.random()*10** **Math.floor(Math.random()*10));**

微信公众号【码农园区】,技术分享,值得关注

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

梦之归途

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

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

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

打赏作者

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

抵扣说明:

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

余额充值