JavaScript基础（七）

标签：可变   转换   split()   时间转换   res   time()   部分   转化   时间   

JavaScript基础（七）
将日期对象转化为毫秒的方式（了解）
知道日期对象可以转换为毫秒：
显示的是距离1970-1-1之间的时间转换为毫秒的形式
console.log(date.getTime()); // 推荐方式
console.log(+date); // 也可以记忆这个
console.log(Date.now());
console.log(date.valueOf());
console.log(Date.parse(‘2018-7-5‘));
内置对象数组
基本操作方法(4个) - 必须掌握
push() 向数组末尾添加元素
参数：要向数组末尾添加的元素，个数不限
返回值：数组长度
pop() 从数组末尾删除一个元素
返回值：删除的元素值
shift() 从数组前面删除一个元素
返回值：删除的元素值
unshift() 向数组前面添加元素
参数：要向数组前面添加的元素，个数不限
返回值：数组长度
// 练习1： 将数组第一个元素移动到数组最后
/* var arr = [‘a‘, ‘b‘, ‘c‘];
arr.push( arr.shift() );
console.log(arr); */

    // 练习2： 将数组最后一个元素移动到数组最前面
    var arr = ['a', 'b', 'c'];
    arr.unshift( arr.pop() );
    console.log(arr);
    其他操作方法：
        splice() 用来在数组的任意位置进行增删改操作 - 必须掌握
            参数1： 操作开始位置的索引值
            参数2：要删除的元素个数
            后续参数：向删除位置添加的元素值（个数无需对应）
            返回值：被删除的元素组成的新数组
                    // 1 删除功能：例如删除数组中的bcd
    // var arr = ['a', 'b', 'c', 'd', 'e'];
    /* var result = arr.splice(1, 3);
    console.log(arr);
    console.log(result); */

    /* var result = arr.splice(2, 1);
    console.log(arr, result); // ['c'] */


    // 2 修改功能：例如将bc修改为xyz
    /* var arr = ['a', 'b', 'c', 'd', 'e'];
    var result = arr.splice(1, 2, 'x', 'y', 'z');
    console.log(arr, result); */

    // 3 新增功能：例如，在a后添加xyz
    //   - 注意：参数1应当设置为添加后第一个元素所处的索引值
    var arr = ['a', 'b', 'c', 'd', 'e'];
    var result = arr.splice(1, 0, 'x', 'y', 'z');
    console.log(arr);
    console.log(result); // []
        slice() 从数组中拷贝部分元素 - 不会修改原数组
            参数1：操作开始位置的索引值，默认为0
            参数2：操作结束位置的索引值(不含结束位置的值)，默认为length
            参数1和参数2如果不写，默认表示从头取到尾
            返回值：拷贝的元素组成的新数组
                    var arr = ['a', 'b', 'c', 'd', 'e', 'f'];
    /* var result = arr.slice(1, 3);
    console.log(arr, result); */

    // 如果不传参数默认表示从头取到尾
    /* var result = arr.slice();
    console.log(arr, result);
    arr[0] = 200;
    console.log(arr, result); */

    var result = arr.slice(2);
    console.log(result); // ['c', 'd', 'e', 'f']
        concat() 用于进行数组连接操作 - 不会修改原数组
            参数：可以向数组末尾添加元素，如果传入的为数组，会将数组的元素依次放入
            返回值：返回连接后的新数组
                    /* var arr = [1, 2, 3];
    arr.push('a', 'b', ['x', 'y']);
    console.log(arr);
     */

    // concat() 演示
    /* var arr = [1, 2, 3];
    var result = arr.concat('a', 'b', ['x', 'y', 'z']);
    console.log(arr);
    console.log(result); // [1, 2, 3, "a", "b", "x", "y", "z"] */

    // 通常使用时，只会传入数组形式的参数，用来进行数组的元素连接
    var arr1 = [1, 2, 3];
    var arr3 = ['a', 'b', 'c'];
    var arr4 = ['x', false, true];
    var result = arr1.concat(arr3, arr4, [10, 20, 30]);
    console.log(result); 
        indexOf() 查找数组中指定元素的索引值 - 必须掌握
            参数1：要查找的元素值
            参数2：查找开始位置的索引值，默认为0
            返回值：
                如果找到，返回第一个找到的索引值，找不到返回-1
        sort() 用来对数组进行升序或降序排列 - 必须掌握
            如果希望对数值数组正常排序，需要设置参数：
            升序参数：
                function (a, b) { return a - b }
            降序参数
                function (a, b) { return b - a }
        reverse() 翻转数组
            作用：将数组中的元素翻转，例如数组[1, 2, 3] 翻转结果为 [3, 2, 1]
        toString() 将数组转换为字符串类型
        join() 通过连接符将数组元素连接为字符串 - 必须掌握
            参数：连接符，默认为逗号,连接
            返回值：连接后的字符串
            var arr = [1, 2, 3];

console.log( arr.join() ); // ‘1,2,3‘
console.log( arr.join(‘-‘) ); // ‘1-2-3‘
console.log( arr.join(‘abc‘) ); // ‘1abc2abc3‘
console.log( arr.join(‘‘) ); // ‘123‘
包装对象(基本类型包装对象)
问题：字符串这个基本类型为什么具有属性方法
1 基本类型都是没有属性方法的
2 js为了方便开发者对基本类型进行操作，会在我们操作属性方法时创建对应的对象
3 调用这个对象的属性和方法
4 使用完毕后这个对象会被清除
内置对象字符串
length 字符串长度，表示字符个数，数值类型
索引操作
格式1： 字符串[索引值]
格式2： 字符串.charAt(索引值)
字符串的不可变性
含义：任意字符串操作无法修改原字符串值
操作方法
拷贝字符串操作
slice - 必须掌握
参数1： 操作开始位置的索引
参数2：操作结束位置的索引（不含结束位置）
substring 功能与slice相同，通常使用slice即可
substr - 必须掌握
参数1：操作开始位置的索引
参数2：拷贝的字符个数
indexOf 使用方式与数组一样 - 必须掌握
参数1：要查找的字符串内容
参数2：查找开始位置的索引值
返回值：找不到为-1，找到时返回第一个内容的索引值
注意点：
1 检索字符串中的多个字符组成部分, 返回的是首字符的索引
2 如果使用indexOf检索空字符串‘‘，一定返回0
toUpperCase() 将字符串转大写
toLowerCase() 将字符串转小写
replace() 替换功能 - 必须掌握
参数1：要替换的内容
参数2：替换成什么内容
var str = ‘a-b-c-d‘;
// 例如希望将str中的-换成|
// - 注意只能替换从左往右找到的第一段内容
/* console.log(str.replace(‘-‘, ‘|‘));
console.log(str); */

    // console.log(str.replace('-', '|'));
    // console.log(str.replace('-', '|').replace('-', '|'));

    // 通过while循环替换字符串中的所有-
    while (str.indexOf('-') !== -1) {
        // 进行替换操作即可
        str = str.replace('-', '|');
    }
    console.log(str);
            split() 按照分隔符将字符串分隔为数组 - 必须掌握
                参数：分隔符
                返回值：按照分隔符分隔得到的数组
                var str = 'a-b-c-d-e';
    // console.log(str.split('-'));
    // console.log(str.split()); // 不传参数没有意义
    // console.log(str.split('')); // 传入空字符串，将每个字符分隔

    // 与数组的join方法结合使用：
    // 1 替换字符串中的部分内容
    // var str = 'a-b-c-d-e'; // 将字符串中的-替换为|
    // console.log(str.split('-'));
    // console.log(str.split('-').join('|'));

    // 2 删除字符串中的部分内容
    /* var str = 'a-b-c-d-e'; // 将字符串中的-删除
       console.log(str.split('-').join('')); */
            trim() 去除字符串两端的空格

JavaScript基础（七）

标签：可变   转换   split()   时间转换   res   time()   部分   转化   时间   

原文地址：https://www.cnblogs.com/itxcr/p/11600143.html