JS内置对象【字符串】

  1.        // charAt() 返回字符
  2.        // charCodeAt() 返回字符的unicode编码
  3.        var str="hello world";
  4.        console.log(str.charCodeAt(4));
  5.        // indexOf() 返回出现的位置
  6.        // 没找到则返回-1
  7.        var email="marry.mail@sohu.com";
  8.        console.log(email.indexOf("o"));
  9.        console.log(email.lastIndexOf("."));
  10.        var str="hello world";

案例：对用户输入内容的输入框进行排查，看有没有敏感字“草”字

  1. <!DOCTYPE html>
  2. <html>
  3. <head lang="en">
  4.     <meta charset="UTF-8">
  5.     <title>搜索内容是否有敏感字"草"</title>
  6. </head>
  7. <body>
  8. <script>
  9.   //补充代码
  10.   var str=prompt('请输入要搜索的内容！');
  11.   var start=0;
  12.   var first='';
  13.   var key=0;
  14.   first=str.indexOf('草');
  15.  
  16.   while(str.indexOf('草',start)!=-1){
  17.       key=str.indexOf('草',start);
  18.       document.write('敏感字在'+key+'位置被发现<br>');
  19.       start=key+1;
  20.   }
  21.  
  22.   document.write('敏感字首次出现的位置是：'+first);
  23. </script>
  24. </body>
  25. </html>

  1.        // slice(start,end)截取字符串
  2.        var str="hello world";
  3.        console.log(str.slice(7,10));
  4.        console.log(str.slice(1));
  5.        //负数=总长度+该负数
  6.        console.log(str.slice(-3));
  7.        console.log(str.slice(-7,-2));
  8.        // substring(start,end)与slice(start,end)类似，参数为负数自动转为0
  9.        // 将小的数作为开始，大的数作为结束
  10.        console.log(str.substring(-7,5)); //(0,5)
  11.        console.log(str.substring(2,-5)); //(0,2)
  12.        str.substring(6,9)
  13.        // substr(start,len)
  14.        // len为负数则返回空字符串
  15.        console.log(str.substr(6,3));
  16.        console.log(str.substr(-5,4));  // (6,4)
  17.        console.log(str.substr(3,-4));

判断出“JavaScript”这个字符出现的位置，以及它在这段话中总共出现了几次

  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Document</title>
  6. </head>
  7. <body>
  8.     <script>
  9.        var str='JavaScript 是属于网络的脚本语言！JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies，以及更多的应用。JavaScript 是因特网上最流行的脚本语言。JavaScript很容易使用！你一定会喜欢它的！';
  10.        var count=0;
  11.        var key=0;
  12.  
  13.        while(str.indexOf('J',key)!=-1){
  14.            key=str.indexOf('J',key);
  15.            var target=str.substr(key,10);
  16.            count++;
  17.            if(target=='JavaScript'){
  18.               document.write('JavaScript第'+count+'次出现是在'+key+'的位置<br>');
  19.            }
  20.            key++;
  21.        }
  22.         document.write('JavaScript在这段话中一共出现了'+count+'次');
  23.     </script>
  24. </body>
  25. </html>

  1.        // 获取扩展名
  2.        var url="http://baidu.com/index.txt";
  3.        function getFileFormat(url){
  4.           // 获取.在url中出现的位置
  5.           var pos=url.lastIndexOf(".");
  6.           //return url.substr(pos);
  7.           return url.substr(pos+1);
  8.        }
  9.        var formatName=getFileFormat(url);
  10.        var picFormat=getFileFormat("1231434.jpg")
  11.        console.log(formatName);
  12.        console.log(picFormat);
  1.               // split()分割字符串 replace()替换字符串
  2.               var str='welcome-to-beijing';
  3.               //使用split将str转换为数组
  4.               //如果中间是用空字符串（''）拆分，那么字符串中的每个字符之间都会被分割
  5.               var arr=str.split("-");
  6.               var date='2019/12/31';
  7.               //["welcome","to","beijing"]
  8.               var dateArr=date.split("/");
  9.               console.log(dateArr);
  10.               console.log(arr);
  11.               //replace()替换
  12.               var tel='010-62971268,400-100-9098,010-86789889';
  13.               //newTel被替换之后的字符串
  14.               var newTel=tel.replace(',',"  ");
  15.               console.log(newTel);

将连字符转驼峰法表示

  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Document</title>
  6. </head>
  7. <body>
  8.     <script>
  9.        function camelback(str){
  10.               //通过-分隔符将str拆分成数组
  11.               var arr=str.split("-"),newStr=arr[0];
  12.               for(var i=1,len=arr.length;i<len;i++){
  13.                      var word=arr[i];
  14.                      //将每一个单词的首字母转换为大写
  15.                      newStr+=word.charAt(0).toUpperCase()+word.substr(1);
  16.                      // console.log(newStr)
  17.               }
  18.               return newStr;
  19.        }
  20.        var camelFormat=camelback("border-left-color");
  21.        console.log(camelFormat)
  22.     </script>
  23. </body>
  24. </html>

JS内置对象【Math】

生成一个n到m之间的随机整数

  1. var random=Math.random();
  2.        console.log(random);
  3.        // 生成一个n到m之间的随机整数
  4.        function getRandom(n,m){
  5.           var choise=m-n+1;  // 随机整数的个数
  6.           return Math.floor(Math.random()*choise+n);
  7.        }
  8.        var random1=getRandom(2,6);
  9.        var random2=getRandom(10,88);

JS内置对象【date】

  1.        // 创建一个日期时间对象
  2.        var weeks=["日","一","二","三","四","五","六"],
  3.            today=new Date(),
  4.            year=today.getFullYear(),
  5.            month=today.getMonth()+1,
  6.            date=today.getDate(),
  7.            week=today.getDay(),
  8.            hours=today.getHours(),
  9.            minutes=today.getMinutes(),
  10.            seconds=today.getSeconds(),
  11.            times=today.getTime(),
  12.            time=year+'年'+month+'月'+date+'日'+hours+'时'+minutes+'分'+seconds+'秒 星期'+weeks[week];
  13.        console.log("现在是："+time);
  14.        console.log(times);
  1.         // 创建一个日期时间对象
  2.         //setMonth（）是用来设置月份，月份的数值是介于0~11之间，如果数字大于11，那么方法会自动往后顺延一年
  3.         var today=new Date();
  4.         today.setFullYear(2017);
  5.         today.setMonth(15);
  6.         console.log(today.getFullYear());
  7.         //  50天之后是星期
  8.         // 第一种做法
  9.         today.setDate(today.getDate()+50);
  10.         console.log(today.getDay());
  11.         // 第二种做法
  12.         var weeks=["日","一","二","三","四","五","六"];
  13.         var year=today.getFullYear();
  14.         var month=today.getMonth();
  15.         var day=today.getDate();
  16.         // 创建了一个目标日期对象,年,月,日,时,分,秒
  17.         var temp=new Date(year+1,month,day);
  18.         console.log("50天后的今天是："+temp.getFullYear()+'-'+(temp.getMonth()+1)+'-'+temp.getDate()+'-'+'星期'+weeks[temp.getDay()]);

JS基础-内置对象【字符串+Date+Math】的更多相关文章

  1. js单体内置对象

    js单体内置对象:js的内置对象,是ECMAScritp提供的.不依赖于宿主环境的对象,我的理解就是在我们开发之前js里面就已经存在的对象.单体内置对象就是是不需要通过new来实例化的,例如我们的st ...

  2. js arguments 内置对象

    1.arguments是js的内置对象. 2.在不确定对象是可以用来重载函数. 3.用法如下: function goTo() { var i=arguments.length; alert(i); ...

  3. 单体内置对象 Global 和 Math

    单体内置对象 Global 和 Math 在所有代码执行前,作用域中就已经存在两个内置对象:Global(全局)和Math.在大多数ES实现中都不能直接访问Global对象.不过,WEB浏览器实现了承 ...

  4. 5月15日上课笔记-js中 location对象的属性、document对象、js内置对象、Date事件对象、

    location的属性: host: 返回当前主机名和端口号 定时函数: setTimeout( ) setInterval() 二.document对象 getElementById(); 根据ID ...

  5. js常用内置对象、Dom对象、BOM对象

    11.html元素事件属性中,如onclick="",双引号里可以是方法条用,可以是js代码(无需加<script>标签) 12.JavaScript内置 对象.属性和 ...

  6. js常用内置对象及方法

    在js中万物皆对象:字符串,数组,数值,函数...... 内置对象都有自己的属性和方法,访问方法如下: 对象名.属性名称: 对象名.方法名称 1.Array数组对象 unshift( )    数组开 ...

  7. js的内置对象

    转载: https://www.cnblogs.com/liuluteresa/p/6413988.html   在js里,一切皆为或者皆可以被用作对象.可通过new一个对象或者直接以字面量形式创建变 ...

  8. JS常见内置对象和方法

    JS中常用的内置对象:Array对象.Date对象.正则表达式对象.string对象.Global对象  Array对象中常用方法: concat() 表示把几个数组合并成一个数组join()   设 ...

  9. JS的内置对象以及JQuery中的部分内容

     [js中的数组]              1  数组的概念:可以再内存中连续存储的多个有序元素的结构                元素的顺序:称为下标,通过下标查找对应元素.           ...

随机推荐

  1. 小cookie，大智慧

    Cookie是什么?cookies是你访问网站时创建的数据片段文件,通过保存浏览信息,它们使你的在线体验更加轻松. 使用cookies,可以使你保持在线登录状态,记录你的站点偏好,并为你提供本地化支持 ...

  2. LeetCode29 Medium 不用除号实现快速除法

    本文始发于个人公众号:TechFlow,原创不易,求个关注 链接 Divide Two Integers 难度 Medium 描述 给定两个整数,被除数和除数,要求在不使用除号的情况下计算出两数的商 ...

  3. C#开源组件DocX处理Word文档基本操作(二)

    上一篇 C#开源组件DocX处理Word文档基本操作(一) 介绍了DocX的段落.表格及图片的处理,本篇介绍页眉页脚的处理. 示例代码所用DocX版本为:1.3.0.0.关于版本的区别,请参见上篇,而 ...

  4. python os和sys模块使用

    python os和sys模块使用 os.getcwd() 获取当前工作目录,即当前python脚本工作的目录路径 os.chdir("dirname") 改变当前脚本工作目录:相 ...

  5. MSFVENOM SHELLCODE生成备忘录

    MSFVENOM SHELLCODE生成 通用Shellcode msfvenom -a x86 --platform windows -p windows/shell_reverse_tcp LHO ...

  6. webpack--介绍、安装及入门

    最早的时候,所有Javascript代码都写在一个文件里面,只要加载这一个文件就够了.后来,代码越来越多,一个文件不够了,必须分成多个文件,依次加载.下面的网页代码,相信很多人都见过. <scr ...

  7. 【GET TIPS】Chrome所见即所得的截图技巧

    精简的前言: 对,我就是想说下事情的来龙去脉.您要不想听,就把耳朵捂起来23333. 想截个新冠肺炎病毒,全国确诊人数今日增长的图,以确定非湖北地区不再明显增长. 但由于网页需要的内容分布在两页,需要 ...

  8. Jenkins 插件使用国内镜像源-解决插件下载慢的问题

    问题 我们在Jenkins里面经常会遇到安装插件很慢,这是由于我们使用的是更新中心镜像默认为国外的源.现在我们可以进行设置为国内镜像源,来解决安装插件慢的问题. 解决办法 安装插件localizati ...

  9. codewars--js--Pete, the baker

    问题描述: Pete likes to bake some cakes. He has some recipes and ingredients. Unfortunately he is not go ...

  10. JavaScript-其他设计模式

    其他设计模式 JavaScript 中不常用 对应不到经典场景 原型模式-行为型 clone 自己,生成一个新对象 java 默认有 clone 接口,不用自己实现 //'object.creat'用 ...