精华内容
下载资源
问答
  • 描述 有史以来最好Travelport ...该程序包导出具有三个服务构造函数对象。 const uAPI = require ( 'uapi-json' ) ; const AirService = uAPI . createAirService ( settings ) ; const HotelService = uAPI
  • 内置对象就是指 JS 语言自带一些对象,这些对象供开发者使用,并提供了一些常用或是最基本而必要的功能(属性和方法) 内置对象最大优点就是帮助我们快速开发 JavaScript 提供了多内置对象:Math、 Date 、...

    1.0 内置对象

    JavaScript 中的对象分为3种:自定义对象内置对象浏览器对象

    1. 前面两种对象是JS 基础 内容,属于 ECMAScript; 第三个浏览器对象属于我们JS 独有的, 我们JS API 讲解
    2. 内置对象就是指 JS 语言自带的一些对象,这些对象供开发者使用,并提供了一些常用的或是最基本而必要的功能(属性和方法)
    3. 内置对象最大的优点就是帮助我们快速开发
    4. JavaScript 提供了多个内置对象:Math、 Date 、Array、String等(数学、日期、数组、字符串)

    2.0 学会自己查文档

    1. MDN
    学习一个内置对象的使用,只要学会其常用成员的使用即可,我们可以通过查文档学习,可以通过MDN/W3C来查询。

    MDN: https://developer.mozilla.org/zh-CN/

    2. 如何学习对象中的方法

    1. 查阅该方法的功能
    2. 查看里面参数的意义和类型
    3. 查看返回值的意义和类型
    4. 通过 demo 进行测试

    3.0 Math数学对象

    Math 对象不是构造函数,它具有数学常数和函数的属性和方法。跟数学相关的运算(求绝对值,取整、最大值等)可以使用 Math 中的成员。

             Math 数学对象, 不是一个构造函数,  所以我们不需要 new 来调用, 而是直接使用里面的属性和方法即可
             
            1. 圆周率   Math.PI
            console.log(Math.PI);   
             
            2. 最大值   Math.max        
            console.log(Math.max(1, 99, 3)); // 99
            console.log(Math.max(-1, -22)); // -1
            console.log(Math.max(1, 99, 'pink老')); // NaN   有非数字显示为 NaN
            console.log(Math.max()); // -Infinity  不填写 值 负的无穷大	
            
            3. 绝对值   Math.abs  
            console.log(Math.abs(1)); // 1
            console.log(Math.abs(-1)); // 1
            console.log(Math.abs('-1')); // 他有一个隐式转换  会把字符串型转 -1 换为 字符型
            console.log(Math.abs('pink')); // NaN
    
            4.三个取整的方法
            // 1. Math.floor()  floor 地板  向下取整
            console.log(Math.floor(1.2)); // 1
            console.log(Math.floor(1.9)); // 1
    
            // 2. Math.ceil()   ceil  天花板  向上取整
            console.log(Math.ceil(1.2)); // 2
            console.log(Math.ceil(1.9)); // 2
    
            // 3. Math.round()   round   四舍五入  .5有点特殊  他是向大了取整 而-1 大于 -2
            console.log(Math.round(1.2)); // 1
            console.log(Math.round(1.5)); // 2
            console.log(Math.round(1.8)); // 2
            console.log(Math.round(-1.8)); // -2
            console.log(Math.round(-1.5)); // -1   这个结果是 -1  而不是-2
            console.log(Math.round(-1.1)); // -1
    	
    

    注意:上面的方法必须带括号

    3.1 封装自己的数学对象

            var myMath = {
                PI: 3.141592653,
                max: function() {
                    var max = arguments[0];
                    for (var i = 1; i < arguments.length; i++) {
                        if (arguments[i] > max) {
                            max = arguments[i]
                        }
                    }
                    return max;
                },
                min: function() {
                    var min = arguments[0];
                    for (var i = 1; i < arguments.length; i++) {
                        if (arguments[i] < min)
                            min = arguments[i]
                    }
                    return min;
                },
            }
            console.log(myMath.PI);
            console.log(myMath.max(1, 2, 3));
            console.log(myMath.min(1, 5, 2));
    

    3.2 随机数方法 random()

             1. Math 对象随机的方法   random() 返回一个随机的小数  0 =< x < 1 ;
             2. 这个方法里面不跟参数
             3. 代码验证
            console.log(Math.random()); //  0 =< x < 1
            
             4. 我们想要得到两个数之间的 随机整数  并且包含这两个整数
            // return Math.floor(Math.random() * (max - min + 1)) + min;
            function getRandom(min, max) {
                return Math.floor(Math.random() * (max - min + 1)) + min;
            }
            var re = getRandom(0, 10);
            console.log(re);
    
             5. 随机点名
            var arr = ['你', '我', '他', '没来', ]
            var arr1 = arr[getRandom(0, arr.length - 1)]
            console.log(arr1);
    

    3.3 随机数方法 random()案例—猜数字游戏

            案例1---  猜数字小游戏!
            function getRandom(min, max) {
                return Math.floor(Math.random() * (max - min + 1)) + min;
            };
            var num = getRandom(1, 10);
            console.log(num);
            while (true) { // 这是一个死循环  除非遇到 break
                var arr = prompt('请输入一个数字');
                if (arr > num) {
                    alert('数字大了');
                } else if (arr < num) {
                    alert('数字小了');
                } else {
                    alert('猜对了!');
                    break;
                }
            }
            
            案例2---  猜数字小游戏! 用户猜150之间,   只要10次猜的机会
            function getRandom(min, max) {
                return Math.floor(Math.random() * (max - min + 1)) + min;
            };
            var num = getRandom(1, 50); // 首先改个 1到50
            console.log(num);
            var num1 = 0;
            while (num1 <= 10) { // 只需要改这里  加个计算器  和num1++ 就行了
                var arr = prompt('请输入一个数字');
                if (arr > num) {
                    alert('数字大了');
                } else if (arr < num) {
                    alert('数字小了');
                } else {
                    alert('猜对了!');
                    break;
                }
                num1++; //            添加一个  num1++  反正陷入死循环
            }
    

    4.0 Date日期对象

    1. Date 对象和 Math 对象不一样,他是一个构造函数,所以我们需要实例化后才能使用
    2. Date 实例用来处理日期和时间

    4.1 Date() 方法的使用

             Date() 日期对象  是一个构造函数  必须使用 new 来调用创建我们的日期对象
            var arr = new Array(); // 创建一个数组对象
            var obj = new Object(); // 创建了一个对象实例
            // 如果没有参数  默认的状态  就是现在的日期时间
            var now = new Date();
            console.log(now);
    
             参数的常用写法:自己添加的时间   
            // 有数字型:   2019,10,01
            // 有字符串型: '2019-10-1 8:8:8' 
            var now1 = new Date('2021-3-1 8:8:8');
            console.log(now1);
            var now2 = new Date('2021,3,5');
            console.log(now2);
    

    4.2 Date() 方法日期格式化

            1. 格式化 日期 年 月 日 周几
            var date = new Date();
            console.log(date.getFullYear()); // 获取当前年份
            console.log(date.getMonth() + 1); // 获取当前月份  (0-11)  所以每个月份都要 +1
            console.log(date.getDate()); // 获取当前日期
            console.log(date.getDay()); // 获取当前星期几 (0-6)  1-6是周一到周六  0是周日
            console.log(date.getHours()); // 获取当前小时
            console.log(date.getMinutes()); // 获取当前分钟
            console.log(date.getSeconds()); // 获取当前秒钟
            
            1.1案例--写一个 202133日星期三
            var year = date.getFullYear();
            var month = date.getMonth() + 1;
            var date1 = date.getDate();
            // 因为日期是 阿拉布数字 但是可以对应数组  所以添加一个数组
            var arr = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六', ]
            var day = date.getDay();
            console.log('今天是:' + year + '年' + month + '月' + day + '日' + arr[day]);
    
            2. 格式化 日期 时分秒
            var date = new Date();
            console.log(date.getHours()); // 获取当前小时
            console.log(date.getMinutes()); // 获取当前分钟
            console.log(date.getSeconds()); // 获取当前秒钟
    
            2.1 案例--写一个 101010function getTime() {
                var time = new Date();
                var h = time.getHours();
                h = h < 10 ? '0' + h : h
                var m = time.getMinutes();
                m = m < 10 ? '0' + m : m
                var s = time.getSeconds();
                s = s < 10 ? '0' + s : s
                return (h + ':' + m + ':' + s);
            }
            console.log(getTime());
    
    

    4.3 获取日期的总的毫秒形式

    1. Date 对象是基于1970年1月1日(世界标准时间)起的毫秒数
    2. 我们经常利用总的毫秒数来计算时间,因为它更精确
            // Date 获取总的毫秒数  (1970年1月1日至今)
             方法1    通过   valueOf()    getTime()
            var date = new Date();
            console.log(date.valueOf());
            console.log(date.getTime());
    
             方法2  通过  +new    这个更方便
            var date1 = +new Date();
            console.log(date1);
    
             方法3  h5 新增的  要考虑兼容的问题
            console.log(Date.now());
    

    4.4 JD倒计时案例

    案例分析

    1. 核心算法: 输入的时间减去现在的时间就是剩余的时间, 即倒计时, 但是不能拿着时分秒相减,( 比如05分减去25分, 结果会是负数。)
    2. 用时间戳来做。 用户输入时间总的毫秒数减去现在时间的总的毫秒数, 得到的就是剩余时间的毫秒数。
    3. 把剩余时间总的毫秒数 转换为 天, 时, 分, 秒(时间轴转换为时分秒)
            function getTime(time) {
                var nowTime = +new Date(); // 得到现在总的毫秒数
                var inputTime = +new Date(time); // 得到输入的时间的总得毫秒数
                var times = (inputTime - nowTime) / 1000; // 得到倒计时的秒
                // 把秒转换成 天 时 分 秒的公式
                var d = parseInt(times / 60 / 60 / 24); // 天
                d = d < 10 ? '0' + d : d;
                var h = parseInt(times / 60 / 60 % 24); // 时
                h = h < 10 ? '0' + h : h;
                var m = parseInt(times / 60 % 60); // 分
                m = m < 10 ? '0' + m : m;
                var s = parseInt(times % 60); // 秒
                s = s < 10 ? '0' + s : s;
                return d + '天' + h + '小时' + m + '分' + s + '秒';
            }
            console.log(getTime('2021-3-4 12:00:00'));
            var date = new Date();
            console.log(date);
    

    **5.0 数组对象的创建 **

    创建数组对象的两种方式:

           1. 字面量创建数组
            var arr = [1, 2, 3];
            console.log(arr);
    
           2. 利用 new Array();
            var arr1 = new Array(); //  创建了一个空的数组
            var arr2 = new Array(4); // 只写一个数字,则代表这个数组的长度,  里面有4个空的数组元素
            var arr3 = new Array(1, 2, 3); // 等价[1,2,3]
    

    **5.1 检测是否为数组(instanceof) **

    有两个方法:

    1. instanceof 运算符,可以判断一个对象是否属于某种类型
    2. Array.isArray()用于判断一个对象是否为数组,isArray() 是 HTML5 中提供的方法
            翻转数组
            function num(arr) {
                // if (arr instanceof Array) { // 方法一  判断输入的 arr 是不是数组 如果不是则。
                if (Array.isArray(arr)) { //      方法二  也是判断arr 是否为数组
                    var num1 = [];
                    for (var i = arr.length - 1; i >= 0; i--) {
                        num1[num1.length] = arr[i];
                    }
                    return num1
                } else {
                    alert('您输入的不是数组')
                }
            }
            console.log(num([1, 2, 3, 4, 5]));
            console.log(num(1, 2, 3, 4, 5));
    
            检测 是否为数组
            (1) instanceof 运算符 它可以用来检测是否为数组
            var arr = [];
            var arr1 = {};
            console.log(arr instanceof Array);
            console.log(arr1 instanceof Array);
    
            (2) Array.isArray(参数) ;  h5新增的方法, ie9以上版本支持
            console.log(Array.isArray(arr));
            console.log(Array.isArray(arr1));
    

    **5.2 添加删除数组元素的方法 **

    		添加:
            方法1  push()   末尾添加一个或多个元素
            // arr.push('pink', '汪思华');    // 添加方法,
            console.log(arr.push('pink', '汪思华')); //  返回的值是 新的长度。
            console.log(arr); // 添加完成后的新数组
            
            方法2  unshift()   开头添加一个或多个元素
            // arr.unshift('陈泽亮', 'red');    // 添加方法,
            console.log(arr.unshift('陈泽亮', 'red')); //  返回的是 新的长度
            console.log(arr); // 添加完成后的新数组
    
    		删除:
            方法3  pop()    删除末尾的一个数组元素
            // arr.pop();    // 删除方法,()里没有值, 一次只能删一个
            console.log(arr.pop()); //  返回的值是 删除的元素的值
            console.log(arr); // 添加完成后的新数组
    
            方法4  shift()    删除开头的一个数组元素
            // arr.shift();    // 删除方法,()里没有值, 一次只能删一个
            console.log(arr.shift()); //  返回的值是 第一个元素的值
            console.log(arr); // 添加完成后的新数组
    
    		案例---有一个包含工资的数组[1500,1200,20002100,1800],要求把数组中工资超过2000的删除,剩余的放到新数组里面
            var arr = [1500, 1200, 2000, 2100, 1800];
            var newArr = [];
            for (var i = 0; i < arr.length; i++) {
                if (arr[i] < 2000) {
                    // newArr[newArr.length] = arr[i];   这是以前的做法!!
                    newArr.push(arr[i]); // 现在更简单的做法    
                    // newArr.unshift(arr[i]); // 现在更简单的做法  这个是倒叙   
                }
            }
            console.log(newArr);
    

    **5.3 数组排序方法 **

    reverse() 颠倒数组中元素的顺序,无参数。 (改变原来的数组,返回新的数组)
    sort() 对数组的元素进行排序 (改变原的数组,返回新的数组,这个要搭配一个函数使用)

            // 数组的排序
            1. 翻转排序    .reverse()
            var arr = [1, 2, 3, 4];
            arr.reverse(); // 不需要添加数值
            console.log(arr); // [4,3,2,1]
    
            2. 数值排序(冒泡排序)    sort()
            var arr1 = [14, 3, 1, 77, 7];
            arr1.sort();
            console.log(arr1); // 不添加 函数 他的默认值是 [1,14,3,7,77] 是按第一个数来排序
    
            所以 需要添加函数  .sort(function(a,b){return a-b 或者 b-a})
            var arr2 = [14, 3, 1, 77, 7];
            arr2.sort(function(a, b) {
                return a - b; // 这个是升序的顺序
                // return b - a; // 这个是降序的顺序
            })
            console.log(arr2);
    

    **5.4 数组索引方法 **

    1. indexOf() : 查找数组中给定元素的第一个的索引(返回索引号,如果没有这个元素,返回 - 1)
    2. lastIndexOf() : 查找数组中最后一个的索引(返回索引号,如果没有这个元素,返回 - 1)
            var arr = ['blue', 'red', 'yellow', 'pink', 'red']
    
            方法1 .indexOf(数组元素)  从前面开始查找
            arr.indexOf('red') // 2   // 如果有多个 red  他也只返回第一个的索引号 所以有时需要 lastIndexOf
            arr.indexOf('汪') // -1  如果在数组中没有这个查找不到   , 则显示 -1
    
            方法2 .lastIndexOf()  从后面开始查找
            console.log(arr.lastIndexOf('red')); // 4;
    

    **5.5 案例–数组去重 **

    1. 目标:把旧数组里面不重复的元素选取出来放到新数组中,重复的元素只保留一个,放到新数组中去重。
    2. 核心算法:我们遍历旧数组,然后拿着旧数组元素去查询新数组,如果该元素在新数组里面没有出现过,我们就添加,否则跳过。
    3. 我们怎么知道该元素没有存在? 利用 新数组.indexOf() == -1 时 就说明该数组中没有该元素
    4. 封装一个 去重的函数 unique 独一无二的
            function unique(arr) {
                var newArr = [];
                for (var i = 0; i < arr.length; i++) {
                    if (newArr.indexOf(arr[i]) == -1) {
                        newArr.push(arr[i])
                    }
                }
                return newArr
            }
            var demo = unique(['c', 'a', 'z', 'a', 'x', 'a', 'x', 'c', 'b']);
            console.log(demo);
        </script>
    

    5.6 数组转换为字符串

    1. toString() : 数组转换为字符串,逗号分隔每一项。 (返回一个字符串)
    2. join(‘分隔符’) : 用于把数组中的所以元素转换为一个字符串。 (返回一个字符串)
            // 1. toString()  把数组转换为字符串
            var arr = [1, 2, 3];
            var arr1 = arr.toString();
            console.log(arr1); //  1,2,3
    
            // 2. join('分隔符')
            var arr2 = [1, 2, 3];
            console.log(arr2.join()); // 括号为空 则默认 1,2,3
            console.log(arr2.join('-')); //  则为 1-2-3
            console.log(arr2.join('&')); //  则为 1&2&3
    

    5.7 课下查询学习

    1. concat() : 连接两个或多个数组 不影响元数组(返回一个新的数组)
    2. slice() : 数组截取slice(begin,end) (返回被截取项目的新数组)
    3. splice() : 数组删除 splice(第几个开始,要删除的个数) (返回被删除项目的新数组!!注意:这个会影响原数组)

    slice() 和 splice() 目的基本相同,重点看下 splice()

    6.0 字符串对象

    6.1 基本包装类型

            为了方便操作基本数据类型,JavaScript提供了三个特殊的引用类型: String Number 和 Boolean
    
            基本包装类型:  就是把简单数据类型包装成为复杂数据类型。这样 基本数据类型就有了属性和方法。
    
            例子:
            var str = 'andy'; // 这是一个基本数据    
            console.log(str.length); // 原本只有对象才会有 属性和方法。
    
            而 基本包装类型: 就是把 简单数据类型 包装成为了 复杂数据类型
            // (1) 把简单数据类型 包装为 复杂数据类型
            var temp = new String();
            // (2) 把临时变量的值 给 str
            str = temp;
            // (3) 销毁这个临时变量
            temp = null;
            // 所以 上方的 简单数据类型 变成了 复杂数据类型
    

    6.2 字符串的不可变

    指的是里面的值不可变,虽然看上去可以改变内容,但其实是地址变了,内存中新开辟了一个内存空间.

            例子
            var str = 'pink';
            str = 'wang';
            console.log(str); //  虽然 str 的值 变成了 wang   但是  pink 还在内存之中存在  多了容易卡
            
            // 如
            var str = '';
            for (var i = 0; i <= 10000000; i++) {
                str += i;
            }
            console.log(str);
            //  这种就是  数据越多越卡   , 没加一次 就会新增一个数据
    

    6.3 根据字符返回位置

    字符串所有的方法,都不会修改字符串本身(字符串是不可变的),操作完成会返回一个新的字符串。!!!!

    1. indexOf(‘要查找的字符’,开始的位置(索引号)):返回指定内容在原字符串中的位置,如果找不到就返回 -1 。
    2. lastIndexOf():从后往前找,只找第一个匹配的。

    6.3 根据字符返回位置—案例

            案例1.--返回字符位子
            // 查找 字符串 'abcoefoxyozzopp' 中所有0出现的位置已经次数
            var str = 'abcoefoxyozzopp';
            var index = str.indexOf('o');
            var num = 0;
            while (index !== -1) {
                console.log(index);
                num++;
                index = str.indexOf('o', (index + 1));
            }
            console.log(num);
            
            案例2.-- ['red','blue','red','green','pink','red'] ,求red 出现的位置和次数
            var str1 = ['red', 'blue', 'red', 'green', 'pink', 'red'];
            index1 = str1.indexOf('red');
            var num1 = 0;
            while (index1 !== -1) {
                console.log(index1);
                num1++;
                index1 = str1.indexOf('red', index1 + 1);
            }
            console.log(num1);
    

    6.4 根据位置返回字符(重点)

    1. charAt(index) 根据位置返回字符 (用for循环charAt(i)。可以遍历所有字符)
    2. charCodeAT(index) 根据位置 返回相应索引号的字符ASCII值,键盘用
    3. str[index] h5新增
    
            1. charAt(index)  根据位置返回字符
            var str = 'wang';
            console.log(str.charAt(2)); // n
    
            2.charCodeAt(index)  根据位置 返回相应索引号的字符ASCII值  目的:判断用户按下了哪个键
            console.log(str.charCodeAt(0)); // a 对应的那个字符ASCII   119 
    
            3. str[index]1一样的 H5新增 适配 IE8+
            console.log(str[3]); // g
    
            4. 遍历所有字符
            for (var i = 0; i < str.length; i++) {
                console.log(str.charAt(i));
            }
    

    6.5 案例:返回字符位置

    判断一个字符串 ‘abcoefoxyozzopp’ 中出现次数最多的字符,并统计其次数。

    1. 核心算法:利用 charAt() 遍历这个字符串
    2. 把每个字符都存储给对象, 如果对象没有该属性,就为1,如果存在了就 +1
    3. 遍历对象,得到最大值和该字符
            // 例子:有一个对象  来判断是否有该属性  对象['属性名']
            var o = {
                age: 18,
            }
            if (o['age']) {
                console.log('他有');
            } else {
                console.log('他没有');
            }
            
    		从这里开始:
            var str = 'abcoefoxyozzopp';
            var o = {}; // 设置一个 对象
            for (var i = 0; i < str.length; i++) {
                var chars = str.charAt(i);
                if (o[chars]) { // o[chars] 得到的是属性值
                    o[chars]++;
                } else {
                    o[chars] = 1;
                }
            }
            console.log(o);
            var max = 0;
            var ch = '';
            for (var k in o) { // 遍历对象   k 是属性名,  o[k] 是属性值
                if (max < o[k]) {
                    max = o[k];
                    ch = k;
                }
            }
            console.log(max);
            console.log(ch);
    

    6.6 字符串操作方法(重点)

            1. concat('字符串1','字符串2'...)
            var str = 'andy';
            console.log(str.concat('wangsihua'));
    
            2. substr ('截取的起始位置','截取几个字符')
            var str1 = '改革春风吹满地';
            console.log(str1.substr(2, 2)); // 第一个2 是从索引号2 开始, 而第二个 2 是取几个的意思
    

    6.7 其他方法

            1. 替换字符 replace('被替换的字符','替换为的字符')   它只会替换第一个字符 多的不替换  或者用循环来做
            var str = 'body';
            console.log(str.replace('b', 'a')); //  'aody'
    
            // 案例   有一个字符串 'abcoefoxyozzopp'  把里面的 o 替换为 *
            var str1 = 'abcoefoxyozzopp';
            while (str1.indexOf('o') !== -1) {
                str1 = str1.replace('o', '*');
            }
            console.log(str1);
    
            2. 字符转换为数组 split('分隔符')  分隔符取决于 字符串是被什么隔开的  前面我们学过 join 把数组转换为字符串
            var str2 = 'red,blue,pink';
            console.log(str2.split(','));
            var str3 = 'red&blue&pink';
            console.log(str3.split('&'));
            //   得到的  都是  [red,blue,pink]
    
            3.  toUpperCase()   转换为大写
            var str4 = 'abcde';
            console.log(str4.toUpperCase());
            
            4.  toLowerCase()   转换为小写
            var str5 = 'ABCDE';
            console.log(str5.toLowerCase());
    

    作业

    给定一个字符串,如:“abaasdffggghhjjkkgfddsssss3444343”,问题如下:

    1. 字符串的长度
    2. 取出指定位置的字符,如:0,3,5,9等
    3. 查找指定字符是否在以上字符串中存在,如:i,c ,b等
    4. 替换指定的字符,如:g替换为22,ss替换为b等操作方法
    5. 截取指定开始位置到结束位置的字符串,如:取得1-5的字符串
    6. 找出以上字符串中出现次数最多的字符和出现的次数
    7. 遍历字符串,并将遍历出的字符两头添加符号“@
            // 给定一个字符串, 如 'abaasdffggghhjjkkgfddsssss3444343' 
    
            // 问题一 字符串的长度
            var str = 'abaasdffggghhjjkkgfddsssss3444343';
            console.log(str.length); // 33
    
            // 问题二  取出指定位置的字符,  如 0 ,3 ,5 ,9等
            console.log(str.charAt(0));
            console.log(str.charAt(3));
            console.log(str.charAt(5));
            console.log(str.charAt(9));
    
            // 问题三  查找指定字符是否在以上字符中存在 如 i,c,b等
            console.log(str.indexOf('i', 'c', 'b')); // 不存在
    
            // 问题四  替换指定的字符,  如  g 替换为22, ss替换为b等操作方法
            while (str.indexOf('g') !== -1) {
                str = str.replace('g', '22')
            }
            console.log(str);
            while (str.indexOf('ss') !== -1) {
                str = str.replace('ss', 'b')
            }
            console.log(str);
    
            // 问题五  截取指定开始位置到结束位置的字符串  如  取得 1-5 的字符串
            console.log(str.substr(1, 5));
    
            // 问题六    找出以上字符串中出现次数最多的字符和出现的次数
            var obj = {};
            for (var i = 0; i < str.length; i++) {
                var chars = str.charAt(i);
                if (obj[chars]) {
                    obj[chars]++;
                } else {
                    obj[chars] = 1;
                }
            }
            console.log(obj);
            var max = 0;
            var ch = '';
            for (var k in obj) {
                if (max < obj[k]) {
                    max = obj[k];
                    ch = k;
                }
            }
            console.log(max);
            console.log(ch);
    
    展开全文
  • 2.2 什么是内置对象 ...内置对象就是指 JS 语言自带一些对象,这些对象供开发者使用,并提供了一些常用或是最基本而必要的功能(属性和方法) 内置对象最大优点就是帮助我们快速开发 JavaScript 提供了

    MDN Web文档 https://developer.mozilla.org/zh-CN/
    2.2 什么是内置对象
    JavaScript 中的对象分为3种:自定义对象 、内置对象、 浏览器对象
    前面两种对象是JS 基础 内容,属于 ECMAScript; 第三个浏览器对象属于我们JS 独有的, 我们JS API 讲解
    内置对象就是指 JS 语言自带的一些对象,这些对象供开发者使用,并提供了一些常用的或是最基本而必要的功能(属性和方法)
    内置对象最大的优点就是帮助我们快速开发
    JavaScript 提供了多个内置对象:Math、 Date 、Array、String等
    4.2 数学对象Math最大值方法
    Math.PI:圆周率
    Math.max(1,2) :2
    Math.max(1,2,“test”) :NaN 当有无法转化数字的数据 返回NaN
    Math.max():-Infinity
    6.2 Math绝对值和三个取整方法
    Math中求绝对值的方法:Math.abs()
    Math中向下取整的方法:Math.floor()
    Math中向上取整的方法:Math.ceil()
    Math中就近取整的方法:Math.round()
    7.1 Math随机数方法
    Math对象获取随机值方法:
    Math.random() 返回区间为[0,1)的数值
    如何获取规定范围内的随机整数?
    function getRandom(min, max) {
    return Math.floor(Math.random() * (max - min + 1)) + min;
    }
    9.2 Date日期对象的使用
    Date的功能:
    获取记录时间的对象
    Date的本质:
    日期对象本质是构造函数,用来创建记录时间的对象的函数
    Date创建对象:
    new Date( )
    Date创建指定日期的对象:
    new Date(“2019-11-11 11:11:11”)
    12.2 Date总的毫秒数(时间戳)
    日期对象的总毫秒数的含义:
    日期对象对应的时间距离1970年1月1日0点0分0秒0毫秒的毫秒数
    获取总毫秒数:
    日期对象.valueOf()
    日期对象.getTime()
    +new Date()
    Date.now()
    15.2 数组创建的两种方式
    数组的创建方式:
    1,数组字面量
    var arr = [ ] ;
    2,构造函数
    var arr = new Array( )
    如果函数中只传入一个参数,表示创建的数组的长度
    如果函数中传入两个参数,表示要插入数组的数据
    16.2 检测是否为数组两种方式
    检测数据是否为数组的方式
    1,数据 instanceof Array
    2,Array.isArray( 数据 )
    17.2 添加数组元素
    push
    1,调用方式:数组.push(新元素)
    2,参数:新元素
    3,功能:把新元素添加到数组的最后一个元素
    4,返回值:添加新元素后数组的长度
    unshift
    1,调用方式:数组.push(新元素)
    2,参数:新元素
    3,功能:把新元素添加到数组的第一个元素
    4,返回值:添加新元素后数组的长度
    18.2 删除数组元素
    pop
    1,调用方式:数组.pop()
    2,参数:无
    3,功能:删除数组最后一个元素
    4,返回值:删除的元素
    unshift
    1,调用方式:数组.shift(新元素)
    2,参数:无
    3,功能:删除数组第一个元素
    4,返回值:删除的元素
    20.1 数组排序
    方法名 说明 是否修改原数组
    reverse() 颠倒数组中元素的顺序,无参数 该方法会改变原来的数组 返回新数组
    sort() 对数组的元素进行排序 该方法会改变原来的数组 返回新数组
    21.1 获取数组元素索引
    方法名 说明 返回值
    indexOf() 数组中查找给定元素的第一个索引 如果存在返回索引号 如果不存在,则返回-1
    lastIndexOf 在数组中的最后一个的索引 如果存在返回索引号 如果不存在,则返回-1
    23.2 数组转换为字符串
    toString
    1,调用方式:数组. toString()
    2,参数:无
    3,功能:把数组中的元素转化成一个字符串
    4,返回值:转化后的字符串
    join
    1,调用方式:数组.join(连接字符)
    2,参数:连接每个元素的字符串,如果不传入,默认值是“,”
    3,功能:把数组中的元素转化为字符串
    4,返回值:转化后的字符串
    24.2 基本包装类型
    字符串本身没有属性和方法
    字符串在调用属性或方法时
    1,浏览器自动调用执行操作
    2,根据字符串创建基本包装类型对象
    3,通过该对象调用之前字符串调用的方法或属性
    4,在调用对应的方法或属性之后销毁基本包装类型对象
    25.2 字符串不可变
    字符串的不可变性:
    在内存中已经存储过的字符串,在当前页面关闭之前不会被从内存中删除
    字符串的不可变性带来的问题:
    消耗内存,所以尽量不做字符串大量拼接
    26.2 根据字符返回位置
    方法名 说明
    indexOf(‘要查找的字符’,开始的位置) 返回指定内容在元字符串中的位置,如果找不到就返回-1,开始的位置是index索引号
    lastIndexOf() 从后往前找,只找第一个匹配的
    28.2 根据位置返回字符
    方法名 说明 使用
    charAt(index) 返回指定位置的字符(index字符串的索引号) str.charAt(0)
    charCodeAt(index) 获取指定位置处字符的ASCII码(index索引号) str.charCodeAt(0)
    str[index] 获取指定位置处 HTML5,IE8+支持和charAt()等
    31.1 拼接以及截取字符串
    方法名 说明
    concat(str1,str2,str3…) concat()方法用于连接两个或多个字符串,拼接字符串,等效于+,_更常用
    substr(start,length) 从start位置开始(索引号),length取得个数
    32.1 替换字符串以及转换为数组
    replace
    1,调用方式:字符串.replace(旧字符,新字符)
    2,参数:第一个参数表示要被替换的旧字符,第二个参数表示替换成的新字符
    3,功能:把字符串中的某个指定字符替换为新字符(只替换一个)
    4,返回值:替换之后的新字符串(原字符串不受影响)
    split
    1,调用方式:字符串.split(分割字符)
    2,参数:分割字符串的目标字符
    3,功能:把字符串分割,分割之后的结果保存在一个数组中
    4,返回值:数组,表示分割的结果
    34.1 数据类型内存分配
    简单数据类型(值类型):
    String(字符串)、Number(数值型)、Boolean(布尔型)、undefined、null
    复杂数据类型(引用类型):
    除简单数据类型之外,都是复杂数据类型
    内存可以分为哪两种?
    栈、堆
    简单数据类型如何存储数据?
    在栈中存储真实数据
    复杂数据类型如何存储数据?
    在堆中存储真实数据,在栈中存储堆中真实数据的地址
    35.1 简单数据类型传参
    简单数据类型(值类型)作为参数传递:
    函数的形参也可以看做是一个变量,当我们把一个值类型变量作为参数传给函数的形参时,其实是把变量在栈空间里的值复制了一份给形参,那么在方法内部对形参做任何修改,都不会影响到的外部变量。
    36.1 复杂的数据类型传参
    复杂数据类型(引用类型)作为参数传递:
    函数的形参也可以看做是一个变量,当我们把引用类型变量传给形参时,其实是把变量在栈空间里保存的堆地址复制给了形参,形参和实参其实保存的是同一个堆地址,所以操作的是同一个对象。

    展开全文
  • 然而,图形学最基本的原理和方法,却保持着稳定和连贯,并且这些知识中的大部分可以通过一图形学课程学习得到。本书将图形学的一些基本思想和方法组织起来,通过阅读使读者从只会编写简单程序的水平,提高到能够...
  • 章 数据链路层次

    2019-07-13 11:39:46
    交换机的基本原理与配置 以太网工作于数据链路层 数据链路层的功能: 1.数据链路建立、维护与拆除。 2.帧包装、帧传输、帧同步。 3.帧差错恢复 4.流量控制 以太网MAC地址:用来标识一以太网上某个...

    交换机的基本原理与配置
    以太网工作于数据链路层
    数据链路层的功能:
    1.数据链路的建立、维护与拆除。
    2.帧包装、帧传输、帧同步。
    3.帧的差错恢复
    4.流量控制
    以太网的MAC地址:用来标识一个以太网上的某个单独的设备或一组设备
    共48位比特
    在这里插入图片描述
    24比特供应商标识、24比特是对网卡的唯一编号
    其中第一段端口的最后一位表示目的地址,分以下两种情况:
    0—物理地址(单播通信)
    1—逻辑地址(组播通信)

    交换机的工作原理
    1.初始状态
    2.MAC地址学习
    3.广播未知数据帧
    4.接收方回应
    5.交换机实现单播通信

    交换机以太网工作模式
    1.单工通信
    一方只能作为发送端,一方只能作为接收端(广播方式)
    2.半双工通信
    一方发时不收,一方收时不发(对讲机方式)
    3.全双工通信
    双方在同一时间段可同时发送和接受(电话方式)
    交换机以太网接口速率须保持一致,协商失败后会无法通信

    命令行的层次关系
    1.用户模式 Switch >
    2.特权模式 Switch #
    3.全局模式 Switch (config)
    4.接口模式 Switch (config - if)
    在这里插入图片描述

    命令行帮助
    ?命令:显示命令及字母后的命令列表
    Tab命令:提示及补全命令
    快捷键:
    ctrl+A 光标移至命令行开始位置
    ctrl+E 光标移至命令行末尾位置

    交换机的配置
    进入特权 enable
    进入全局 config t
    进入 f0/1接口配置界面 int f0/1
    将当前网卡工作模式改为全双工 duplex full
    将当前网卡工作模式改为半双工 duplex half
    将当前网卡工作模式改为自动 duplex auto
    返回上一级 exit
    返回特权模式 end
    更改网卡速率 speed +速率数
    特权模式下查看网卡信息 show int f0/1
    错误命令定板解除 ctrl+shift 6
    更改主机名 hostname ****
    显示系统IOS名称及版本信息 show version

    展开全文
  • 本讲将通过实例比较ASP.NET下的三种典型URL重写方案——ISAPI重写(使用开源组件IIRF),ASP.NET2.0内置的urlMappings和基于自定义HTTPModule的URL重写(使用NBear.Web中的UrlRewriteModule实现),并探讨URL重写中...
  • js中引用类型

    2015-05-06 21:43:39
    Object是最基本的类型,其他所有类型都继承了它的行为。 Array、Date、RegExp 这是三种具有特殊功能的类型 String、Boolean、Number 这是三个基本包装类型,映射到同名的基本数据类型(string,boollean,number...

    Object是最基本的类型,其他所有类型都继承了它的行为。


    Array、Date、RegExp

    这是三种具有特殊功能的类型


    String、Boolean、Number

    这是三个基本包装类型,映射到同名的基本数据类型(string,boollean,number)


    Function

    js的函数为什么是对象呢?因为函数是Function的实例,而Function又继承了Object,所以函数也是对象。这与别的语言有所不同。


    Global、Math

    在代码还没执行时就存在在作用域中,不能直接访问Global对象,用windows对象代替。

    全局变量和函数都是Global对象的属性。


    展开全文
  • 流FP 将节点流用作React实体。 将解释此模块背后的概念。 主要思想是让您轻松地处理流数据。 流不变。 没有新的流类包装您的流,这些流...通过三个基本的转换器( map , filter和reduce ...听起来很熟悉?)和一
  • 可可OO:封装

    2016-03-18 13:10:35
    引言OOP 的三大概念,这篇文章讲的是最基本的 「封装」。理解封装OOP 编程最基本的概念就是封装。我们通过把函数,变量的实现细节包装成一单一整体,向外表现 一致 的的行为的技术。为什么要封装 修改量减小,降低...
  • 它们显着的功能是start()方法,该方法触发start事件。 在许多情况下,应用程序可以简单地用JavaScript对象替换。 应用程序给Marionette增添任何价值还是它们是否是不必要抽象是一悬而未决问题。 什么时候...
  • 原生JS与jQuery区别

    2020-06-10 19:57:03
    jQuery是一快速、简单JavaScript库,jQuery封装了原生JS常用的功能代码。 优点 轻量级,核心文件仅有几十kb 兼容性,基本兼容了市面上主流浏览器 链式编程、隐式迭代 对事件、样式、动画支持,大大简化了DOM...
  •  7.SQL Server提供数据仓库功能,这个功能只在Oracle和其他更昂贵DBMS中才有。  SQL Server 2000与以前版本相比较,又具有以下新特性 :  1.支持XML(Extensive Markup Language,扩展标记语言)  2.强大...
  • 除了上述两部分外,对Rails缺乏了解读者应该首先阅读“起步”部分,通过一个最简单应用示例感性了解这时下热门web框架。不熟悉Ruby读者应该阅读“附录”部分中“Ruby简介”,以便了解Ruby的基本语法与...
  • 界面实现一般分为 Activity、Fragment、Adapter 三个模块,分别负责作为容器,发起请求、展示数据和用户交互,以及数据/交互绑定。 实现难点 网络请求 Volley 本身是一个不算十分完备库,对于请求参数、重试、...
  • Java开发技术大全(500源代码).

    热门讨论 2012-12-02 19:55:48
    hasRecall.java 可以完成回调功能的类 HasStatic.java 一简单拥有静态成员类 hideMember_1.java 成员隐藏示例1 hideMember_2.java 成员隐藏示例2 hideMember_3.java 成员隐藏示例3 hideMember_4.java ...
  • 要了解面向对象编程(OOP)的基本概念,需要理解 OOP 的三个主要概念,它们撑起 了整个 OOP 的框架。这三个概念是:封装、继承性和多态性。除此以外,还需了解对象、 类、消息、接口、及抽象等概念。 2.2.1 ...
  • 5、String是最基本的数据类型吗?  基本数据类型包括byte、int、char、long、float、double、boolean和short。  java.lang.String类是final类型的,因此不可以继承这类、不能修改这类。为了提高效率节省空间,...
  • Java多线程打辅助的三个小伙子 还在用Synchronized?Atomic你了解不? 《求求大厂给个Offer》:多线程基础面试题 :ski:设计模式 给女朋友讲解什么是代理模式 包装模式就是这么简单啦 单例模式你会几种写法? 工厂...
  • 物流业是指物品从供应地向接受地实体流动过程,是将运输、储存、装卸、搬运、包装、流通加工、配送、信息处理等基本功能根据实际需要实施有机结合活动集合。物流业是一种生产性服务业,为第一、二、产业...
  • java常用工具类使用

    热门讨论 2012-03-19 20:11:37
    该类大部分构造器和方法都已经过时,但是该类使用非常方便,因此目前使用还很普遍,该类另一主要功能是,在数据库操作中,它允许将毫秒值表示为SQL DATE值,是数据库操作中java.sql.Date父类。关于数据库...
  • 代理模式(Proxy)

    2018-09-10 09:51:00
    代理模式的基本思想来源于“对修改封闭”这原则,对于某些不是你亲自编写代码,你最好不要去修改它来扩展其功能,而是通过包装代理类去扩展它。因为对方代码可能会在新版本中被改变,而你对之前版本做...
  • 实体生成规则切换为包装类型,不再采用基本数据类型,为实体类生成添加显示默认构造方法(感谢@h2sopull request). 2019.01.06 修复处理number/decimal(x,x)类型逻辑(感谢@arthaschan反馈). 修复...
  • 容器是Bootstrap中最基本的布局元素,在使用我们的默认网格系统时,容器是必需的。容器用于在其中容纳,填充和(有时)使内容居中。尽管可以嵌套容器,但是大多数布局不需要嵌套容器。 Bootstrap带有三个不同的容器...
  • python 类

    2019-01-15 17:34:00
    基本上所有的功能都是用类进行包装。 首先要说应该是类成员属性和成员函数,在调用函数时,一般建议在类中进行调用。 之后是类实例化,当写好一类时,实例化是比较常用调用类中属性和函数方法。 最后...
  • “ Decomoji”是可与SlackReact功能一起使用的最强大自定义表情符号集。在此项目中,每人都称为“ Decomoji”。 Decomoji的功能 :artist_palette:彩色文字图片 通过12易于阅读调色板为Slack添加颜色! ...

空空如也

空空如也

1 2 3 4 5 ... 8
收藏数 153
精华内容 61
关键字:

包装最基本的三个功能