JavaScriptES5对象及方法

一、 String对象

1.length------>字符串的长度

2.charAt(索引),返回值是指定索引位置的字符串,超出索引,结果是空字符串

3.fromCharCode(数字值,可以是多个参数),返回的是ASCII码对应的值

4 .concat(字符串1,字符串2,...);返回的是拼接之后的新的字符串

5 .indexOf(要找的字符串,从某个位置开始的索引);返回的是这个字符串的索引值,没找到则返回-1

6 .lastIndexOf(要找的字符串);从后向前找,但是索引仍然是从左向右的方式,找不到则返回-1 7.replace("原来的字符串","新的字符串");用来替换字符串的

8.slice(开始的索引,结束的索引); 从索引5的位置开始提取,到索引为10的前一个结束,没有10,并返回这个提取后的字符串

9 .split("要干掉的字符串",切割后留下的个数);切割字符串

10 .substring(开始的索引,结束的索引),返回截取后的字符串,不包含结束的索引的字符串

11 .toLocaleLowerCase();转小写

12.toLowerCase();转小写

13 .toLocaleUpperCase()转大写

14.toUpperCase();转大写

15 .trim();干掉字符串两端的空格

切割字符串练习:

  <script>
        var str = "https://www.baidu.com/s?cl=3&tn=baidutop10&fr=top1000&wd=%E7%BE%8E%E5%86%9B%E5%90%91%E9%98%BF%E5%AF%8C%E6%B1%97%E5%B9%B3%E6%B0%91%E5%BC%80%E7%81%AB+%E6%95%B0%E4%BA%BA%E6%AD%BB%E4%BA%A1&rsv_idx=2&rsv_dl=fyb_n_homepage&hisfilter=1";
        // 截取?后面的字符串
        // substring(int beginIndex, int endIndex)
        str = str.substring(str.indexOf('?') + 1);
        console.log(str);
        // 拆分之后得到的是一个数组,因此要存放在一个数组中
        var arr = str.split('&');
        console.log(arr);
        // 先创建一个数组让数组的值为空 将分割后的key和value存放在里面
        var arrs = null;
        var obj = {};
        for (var i = 0; i < arr.length; i++) {
            arrs = arr[i].split('=');
            obj[arrs[0]] = arrs[1];
        }
        console.log(obj);
    </script>

二、 Date()对象

 var date = new Date();
        //基本 包装类型
        console.log(date);
        // 获取年份
        console.log(date.getFullYear());
        // 获取月份
        console.log(date.getMonth()); //月份是从0开始的
        // 获取日
        console.log(date.getDate());
        // 获取小时
        console.log(date.getHours());
        // 获取分钟
        console.log(date.getMinutes());
        // 获取秒
        console.log(date.getSeconds());
        //  想要获取系统中的毫秒值有以下四种方法
        console.log(date.getTime());//不是  实例化的那个对象距离1970 1  1的毫秒值 (需要传参)
        console.log(date.valueOf());//不是  实例化的那个对象距离1970 1  1的毫秒值 (需要传参)
        console.log(Date.now());//不是 系统当前时间的毫秒值
        console.log(+new Date());

三、Math()对象

  <!-- math是一个内置对象 -->
    <!-- Math.PI // 圆周率
    Math.random() // 生成随机数    伪随机数 在0(包括0‘?、;)和1(不包括1) 是小数 需要取整
    Math.floor()/Math.ceil() // 向下取整/向上取整
    Math.round() // 取整,四舍五入
    Math.abs() // 绝对值
    Math.max()/Math.min() // 求最大和最小值
    Math.sin()/Math.cos() // 正弦/余弦
    Math.power()/Math.sqrt() // 求指数次幂/求平方根 -->

四、数组

<body>

    <p id="demo"></p>

    <script>

​    var fruits = ["Banana", "Orange", "Apple", "Mango"];

​    //1. JavaScript 方法 toString() 把数组转换为数组值(逗号分隔)的字符串。

​    document.getElementById("demo").innerHTML = fruits.toString();



​    //2.join() 方法也可将所有数组元素结合为一个字符串。

​    document.getElementById("demo").innerHTML = fruits.join(" * ");



​    //3.pop()方法从数组中删除最后一个元素

​    fruits.pop();

​    document.getElementById("demo").innerHTML = fruits;



​    //4.push() 方法从数组结尾处向数组中添加一个新的元素

​    fruits.push('banana');

​    document.getElementById('demo').innerHTML = fruits;



​    //5.shift()方法会删除首个数组元素,并把所有元素‘位移’到更低的索引

​    fruits.shift();  //从fruits删除第一个元素‘Banana'

​    document.getElementById('demo').innerHTML = fruits;



​    //6.unshift() 方法将新元素添加到数组的开头。

​    fruits.unshift('Lemon');

​    document.getElementById('demo').innerHTML = fruits;



​    //7.更改元素 通过使用它们的索引号来访问数组元素:

​    fruits[0] = 'Apple';

​    document.getElementById('demo').innerHTML = fruits;



​    fruits[fruits.length] = 'strawberry';

​    document.getElementById('demo').innerHTML = fruits;



​    //8.删除元素 delete

​    delete fruits[0];

​    document.getElementById('demo').innerHTML = fruits;



​    //9.拼接数组  splice()

​    //参数1 定义了应添加新元素的位置  参数2:定义应该删除多少元素  其余参数是要添加的新元素

​    fruits.splice(2, 0, 'Kiwi', 'Lemo');

​    document.getElementById('demo').innerHTML = fruits;



​    //10.合并数组  concat()

​    var myGirls = ['rose', 'lone'];

​    var myBoys = ['jack', 'linus'];

​    var myChildren = myGirls.concat(myBoys);  //连接myGirls和myBoys;

​    console.log(myChildren);

​    // 合并三个数组

​    var arr1 = ["Cecilie", "Lone"];

​    var arr2 = ["Emil", "Tobias", "Linus"];

​    var arr3 = ["Robin", "Morgan"];

​    var myChildren = arr1.concat(arr2, arr3);  // 将arr1、arr2 与 arr3 连接在一起

​    console.log(myChildren);

​    

​    //11.裁剪数组 slice()方法用数组的某个片段切除新数组

​    var citrus = fruits.slice(1);  //slice()创建新数组,他不会从源数组中删除任何元素

​    console.log(citrus);



​    // slice() 可以接受两个参数 参数1:是裁剪的起始位置  参数2 :是裁剪结束的位置但不包括最后结束的位置

​    var cirtus = fruits.slice(1,3);

  </script>

</body>

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值