精华内容
下载资源
问答
  • js中如何控制字符串开头以特定字符开头 (1)最好用正则. var pattern = /^abcd.*/ 这句话的意思是.必须"adcd"字符串开始,后面无论什么字符. if(pattern .test(testStr))为true就是成功 {do.....}else{do.....} ...
    js中如何控制字符串开头以特定字符开头
    (1)最好用正则.
    var pattern = /^abcd.*/  这句话的意思是.必须以"adcd"字符串开始,后面无论什么字符.
    if(pattern .test(testStr))为true就是成功
    {do.....}else{do.....}
    (2)采用subString()
    function get(xx)
    {
       var str="abcd";
       if(str.substring(0,xx.length) == xx){}
       else{}
    }

    实例:
    JS完成功能:当账户性质代码为2开头的,外汇局批件号为必输,其他非2开头可以为空
    //方法一:采用substring()方法.
    var ACCOUNT_TYPE = document.getElementById("ACCOUNT_TYPE").value;
    if(ACCOUNT_TYPE.substring(0,1) == "2"){
    if(!checkNull('外汇局批件号/备案表号/业务编号',"FILE_NUMBER"))return false;
    }
    /方法二:采用正则表达式匹配
    var ACCOUNT_TYPE = document.getElementById("ACCOUNT_TYPE").value;
    if(/^2.*/.test(ACCOUNT_TYPE)){
    if(!checkNull('外汇局批件号/备案表号/业务编号',"FILE_NUMBER"))return false;
    }
    展开全文
  • 前言 主要讲解了ES6对字符串的拓展,包括includes,starts... startsWith()以什么开头 endsWith()以什么结尾 <!DOCTYPE html> <html> <head> <meta cha...

    标题图

    前言

    主要讲解了ES6对字符串的拓展,包括includesstartsWithendsWith,另外增加了字符串模板。

    Start

    includes()是否包含
    startsWith()以什么开头
    endsWith()以什么结尾

    <!DOCTYPE html>
    <html>
    <head>
     <meta charset="UTF-8">
     <title>ES6-字符串</title>
    </head>
    <body>
     <script>
       let str = "你怎么一直在这";
       let res = str.includes('一');
       console.log(res);
     </script>
    </body>
    </html>

    返回结果为true

    <!DOCTYPE html>
    <html>
    <head>
     <meta charset="UTF-8">
     <title>ES6-字符串</title>
    </head>
    <body>
     <script>
       let str = "你怎么一直在这";
       let res = str.startsWith('你');
       console.log(res);
     </script>
    </body>
    </html>

    返回结果为true

    <!DOCTYPE html>
    <html>
    <head>
     <meta charset="UTF-8">
     <title>ES6-字符串</title>
    </head>
    <body>
     <script>
       let str = "你怎么一直在这";
       let res = str.startsWith('你');
       if(str.startsWith('你')){
         执行语句;
       }else if(语句){
         执行语句;
       }else{  
         执行语句;
       }
     </script>
    </body>
    </html>

    str.endsWith();

    <!DOCTYPE html>
    <html>
    <head>
     <meta charset="UTF-8">
     <title>ES6-字符串</title>
    </head>
    <body>
     <script>
       let str = "你怎么一直在这";
       alert( str.endsWith('这'));
     </script>
    </body>
    </html>
    <!DOCTYPE html>
    <html>
    <head>
     <meta charset="UTF-8">
     <title>ES6-字符串</title>
    </head>
    <body>
     <script>
       let mail = '34234@qq.com';
    
       if( mail.endsWith('@qq.com') || main.endsWith('@163.com') ){
          alert('输入正确');
        }else{
          alert('请输入邮箱');
        }
     </script>
    </body>
    </html>

    字符串模板

    <!DOCTYPE html>
    <html>
    <head>
     <meta charset="UTF-8">
     <title>ES6-字符串</title>
    </head>
    <body>
     <script>
       let str2 = `
                   <ul>
                     <li>内容</li>
                   </ul>
                   `;
        console.log(str2);
     </script>
    </body>
    </html>

    函数的参数

    函数的参数,展开运算符:...

    <!DOCTYPE html>
    <html>
    <head>
     <meta charset="UTF-8">
     <title>ES6-函数参数</title>
    </head>
    <body>
     <script>
      function fun(a,b){
        console.log(a,b);
      }
    
      fun(1,2);
     </script>
    </body>
    </html>
    <!DOCTYPE html>
    <html>
    <head>
     <meta charset="UTF-8">
     <title>ES6-函数参数</title>
    </head>
    <body>
     <script>
      function fun(a,b,...args){
        console.log(a,b);
        console.log(...args);
      }
      fun(1,2,3,4,5);
      fun(1,2);
     </script>
    </body>
    </html>
    <!DOCTYPE html>
    <html>
    <head>
     <meta charset="UTF-8">
     <title>ES6-函数参数</title>
    </head>
    <body>
     <script>
      let arr = [1,2,3];
      function fun(a,b,c){
       console.log(a);
       console.log(b);
       console.log(c);
      }
      fun(arr[0],arr[1],arr[2]);
      fun(...arr);
     </script>
    </body>
    </html>
    <!DOCTYPE html>
    <html>
    <head>
     <meta charset="UTF-8">
     <title>ES6-函数参数</title>
    </head>
    <body>
     <script>
      let arr = [1,2,3];
      let arr1=[4,5,6];
      let array=[...arr,...arr1];
      console.log(array);
     </script>
    </body>
    </html>
    <!DOCTYPE html>
    <html>
    <head>
     <meta charset="UTF-8">
     <title>ES6-函数参数</title>
    </head>
    <body>
     <script>
      function fun(a=1,b=2,c=3){
       console.log(a,b,c);
      }
      fun();
      // fun(4,5,6);
     </script>
    </body>
    </html>

    了解函数的arguments对象

    arguments为一个对象,类数组

    <!DOCTYPE html>
    <html>
    <head>
     <meta charset="UTF-8">
     <title>Document</title>
    </head>
    <body>
     <script>
       function add(a,b){
        return a+b;
       }
       console.log(add(1,2);
     </script>
    </body>
    </html>
    <!DOCTYPE html>
    <html>
    <head>
     <meta charset="UTF-8">
     <title>Document</title>
    </head>
    <body>
     <script>
       function add(){
        // console.log( arguments); // 返回对象
        return arguments[0] + arguments[1];
       }
       add(1,2);
       console.log( add(1,2) );
     </script>
    </body>
    </html>

    js面向对象

    // var student = {}; //创建对象
    var student = new Object();
    student.name = "dashu";
    student.age = 12;
    student.job = "school student";
    student.study = function(){
     alert("study");
    }
    student.study();
    var student = {
     name : "dashu",
     age : 12;
     job: "school student",
     study : function(){
      alert("study");
      }
    };
    student.study();

    数据属性js中的

    var student = {
     name: "dashucoding"
    }
    alert(student.name);
    var student={};
    Object.defineProperty(student,"name",{
     writable:true,
     value: "dashucoding"
    });
    alert(student.name);

    configurable表示能否通过delete来删除属性值,默认为true
    Enumerable表示能否通过for-in来枚举对象的属性值,默认为true
    writable表示能否修改属性值,默认为true

    设计模式-单例模式

    var mask = function(){
     document.body.appendChild(document.createElement('div'));
    }
    var obtn = document.getElemetnById("btn");
    obtn.onclick = function(){
     mask();
    }
    // 单例模式
    var singleton = function(){
     var res;
     return function(fn){
      return res||(res=fn.apply(this,arguments))
     }
    }();
    var obtn = document.getElementById("btn");
    obtn.onclick=function(){
     singleton(function(){
      return document.body.appendChild(document.createEelement('div'));
     })
    }

    解构赋值

    解构赋值为一种表达式,用来获取数据

    let arr=[1,2,3];
    let a = arr[0];
    let b = arr[1];
    let c = arr[2];
    console.log(a,b,c);
    let arr = [1,2,3];
    let [a,b,c] = arr;
    console.log(a,b,c);
    let arr = {
     a:1,
     b:2,
     c:3
    }
    let (a,b,c) = arr;
    // let(a,b,c) = [1,2,3];
    console(a,b,c);

    结语

    • 本文主要讲解 ES6教程-字符串,函数的参数,了解函数的arguments对象,js面向对象,设计模式-单例模式,解构赋值
    • 下面我将继续对其他知识 深入讲解 ,有兴趣可以继续关注
    • 小礼物走一走 or 点赞

    送❤

    展开全文
  • 前言 主要讲解了ES6对字符串的拓展,包括includes,startsWith和endsWith,...startsWith()以什么开头 endsWith()以什么结尾 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> &...

    前言

    主要讲解了ES6对字符串的拓展,包括includesstartsWithendsWith,另外增加了字符串模板。

    Start

    includes()是否包含 startsWith()以什么开头 endsWith()以什么结尾

    <!DOCTYPE html>
    <html>
    <head>
     <meta charset="UTF-8">
     <title>ES6-字符串</title>
    </head>
    <body>
     <script>
       let str = "你怎么一直在这";
       let res = str.includes('一');
       console.log(res);
     </script>
    </body>
    </html>
    复制代码

    返回结果为true

    <!DOCTYPE html>
    <html>
    <head>
     <meta charset="UTF-8">
     <title>ES6-字符串</title>
    </head>
    <body>
     <script>
       let str = "你怎么一直在这";
       let res = str.startsWith('你');
       console.log(res);
     </script>
    </body>
    </html>
    复制代码

    返回结果为true

    <!DOCTYPE html>
    <html>
    <head>
     <meta charset="UTF-8">
     <title>ES6-字符串</title>
    </head>
    <body>
     <script>
       let str = "你怎么一直在这";
       let res = str.startsWith('你');
       if(str.startsWith('你')){
         执行语句;
       }else if(语句){
         执行语句;
       }else{  
         执行语句;
       }
     </script>
    </body>
    </html>
    复制代码

    str.endsWith();

    <!DOCTYPE html>
    <html>
    <head>
     <meta charset="UTF-8">
     <title>ES6-字符串</title>
    </head>
    <body>
     <script>
       let str = "你怎么一直在这";
       alert( str.endsWith('这'));
     </script>
    </body>
    </html>
    复制代码
    <!DOCTYPE html>
    <html>
    <head>
     <meta charset="UTF-8">
     <title>ES6-字符串</title>
    </head>
    <body>
     <script>
       let mail = '34234@qq.com';
      
       if( mail.endsWith('@qq.com') || main.endsWith('@163.com') ){
          alert('输入正确');
        }else{
          alert('请输入邮箱');
        }
     </script>
    </body>
    </html>
    复制代码

    字符串模板

    <!DOCTYPE html>
    <html>
    <head>
     <meta charset="UTF-8">
     <title>ES6-字符串</title>
    </head>
    <body>
     <script>
       let str2 = `
                   <ul>
                     <li>内容</li>
                   </ul>
                   `;
        console.log(str2);
     </script>
    </body>
    </html>
    复制代码

    函数的参数

    函数的参数,展开运算符:...

    <!DOCTYPE html>
    <html>
    <head>
     <meta charset="UTF-8">
     <title>ES6-函数参数</title>
    </head>
    <body>
     <script>
      function fun(a,b){
        console.log(a,b);
      }
     
      fun(1,2);
     </script>
    </body>
    </html>
    复制代码
    <!DOCTYPE html>
    <html>
    <head>
     <meta charset="UTF-8">
     <title>ES6-函数参数</title>
    </head>
    <body>
     <script>
      function fun(a,b,...args){
        console.log(a,b);
        console.log(...args);
      }
      fun(1,2,3,4,5);
      fun(1,2);
     </script>
    </body>
    </html>
    复制代码
    <!DOCTYPE html>
    <html>
    <head>
     <meta charset="UTF-8">
     <title>ES6-函数参数</title>
    </head>
    <body>
     <script>
      let arr = [1,2,3];
      function fun(a,b,c){
       console.log(a);
       console.log(b);
       console.log(c);
      }
      fun(arr[0],arr[1],arr[2]);
      fun(...arr);
     </script>
    </body>
    </html>
    复制代码
    <!DOCTYPE html>
    <html>
    <head>
     <meta charset="UTF-8">
     <title>ES6-函数参数</title>
    </head>
    <body>
     <script>
      let arr = [1,2,3];
      let arr1=[4,5,6];
      let array=[...arr,...arr1];
      console.log(array);
     </script>
    </body>
    </html>
    复制代码
    <!DOCTYPE html>
    <html>
    <head>
     <meta charset="UTF-8">
     <title>ES6-函数参数</title>
    </head>
    <body>
     <script>
      function fun(a=1,b=2,c=3){
       console.log(a,b,c);
      }
      fun();
      // fun(4,5,6);
     </script>
    </body>
    </html>
    复制代码

    了解函数的arguments对象

    arguments为一个对象,类数组

    <!DOCTYPE html>
    <html>
    <head>
     <meta charset="UTF-8">
     <title>Document</title>
    </head>
    <body>
     <script>
       function add(a,b){
        return a+b;
       }
       console.log(add(1,2);
     </script>
    </body>
    </html>
    复制代码
    <!DOCTYPE html>
    <html>
    <head>
     <meta charset="UTF-8">
     <title>Document</title>
    </head>
    <body>
     <script>
       function add(){
        // console.log( arguments); // 返回对象
        return arguments[0] + arguments[1];
       }
       add(1,2);
       console.log( add(1,2) );
     </script>
    </body>
    </html>
    复制代码

    js面向对象

    // var student = {}; //创建对象
    var student = new Object();
    student.name = "dashu";
    student.age = 12;
    student.job = "school student";
    student.study = function(){
     alert("study");
    }
    student.study();
    复制代码
    var student = {
     name : "dashu",
     age : 12;
     job: "school student",
     study : function(){
      alert("study");
      }
    };
    student.study();
    复制代码

    数据属性js中的

    var student = {
     name: "dashucoding"
    }
    alert(student.name);
    复制代码
    var student={};
    Object.defineProperty(student,"name",{
     writable:true,
     value: "dashucoding"
    });
    alert(student.name);
    复制代码

    configurable表示能否通过delete来删除属性值,默认为true Enumerable表示能否通过for-in来枚举对象的属性值,默认为true writable表示能否修改属性值,默认为true

    设计模式-单例模式

    var mask = function(){
     document.body.appendChild(document.createElement('div'));
    }
    var obtn = document.getElemetnById("btn");
    obtn.onclick = function(){
     mask();
    }
    复制代码
    // 单例模式
    var singleton = function(){
     var res;
     return function(fn){
      return res||(res=fn.apply(this,arguments))
     }
    }();
    var obtn = document.getElementById("btn");
    obtn.onclick=function(){
     singleton(function(){
      return document.body.appendChild(document.createEelement('div'));
     })
    }
    复制代码

    解构赋值

    解构赋值为一种表达式,用来获取数据

    let arr=[1,2,3];
    let a = arr[0];
    let b = arr[1];
    let c = arr[2];
    console.log(a,b,c);
    复制代码
    let arr = [1,2,3];
    let [a,b,c] = arr;
    console.log(a,b,c);
    复制代码
    let arr = {
     a:1,
     b:2,
     c:3
    }
    let (a,b,c) = arr;
    // let(a,b,c) = [1,2,3];
    console(a,b,c);
    复制代码

    结语

    • 本文主要讲解 ES6教程-字符串,函数的参数,了解函数的arguments对象,js面向对象,设计模式-单例模式,解构赋值
    • 下面我将继续对其他知识 深入讲解 ,有兴趣可以继续关注
    • 小礼物走一走 or 点赞

    展开全文
  • JS

    2018-09-03 20:33:21
    一、 什么JS Js是一种轻量级脚本编程语言 Js是可插入Html页面的编程代码 二、 为什么学习JS 所有主浏览器都支持JS 目前全世界大部分网页都使用JS ...数字,字符串,布尔 ,null空值,und...

    一、 什么是JS
    Js是一种轻量级脚本编程语言
    Js是可插入Html页面的编程代码
    二、 为什么学习JS
    所有主浏览器都支持JS
    目前全世界大部分网页都使用JS
    它可以让网页展现各种动态效果
    三、 标识符命名规则
    4.以字母下划线或者美元符号开头,由字母下划线美元符号和数字组成

    四、 六种基本数据类型(中英文)
    数字,字符串,布尔 ,null空值,undefined未定义
    对象object

    五、 如何判断一个值的数据类型
    有三种方法
    1.typeof运算符
    2.Instanceof运算符
    3.Object.prototype.toString方法

    六、 与数值相关的全局方法有哪些
    parseInt方法
    parseFloat方法
    Parseint方法可以将parseFloat方法用于将一个字符串

    七、 (改)如何创建一个对象
    用new 创建和create创建
    var变量名=初始值:
    变量是存储信息的容器

    八、 数组的常用方法有哪些
    Join可用于数组中的所有元素放到一个字符串
    Shift删除
    Sort排列
    Unshift添加
    Reverse方法反转

    九、 函数的定义及arguments
    Function函数名(){函数体}
    Arguments重载的效果函数重复利用

    十、 数组去重的思路讲一下
    双层循环外层循环元素内层循环时比较值
    如果有相同的值则跳过,不相同则Push进数组

    十一、 Math的常用方法有哪些
    Math.abs绝对值
    Math.max最大值
    Math.min最小值
    Math.round四舍五入
    Math.random随机数

    十二、 Date的常用方法有哪些
    Date.now返回当前时间
    Date.parse方法解析日期字符串
    Date.getDate每个月的几号
    Date.getHours返回时
    Date.getSeconds返回秒

    十三、 对this关键字的理解,改变指针的方式有哪些

    十四、 对原型及原型链的理解
    原型对象的所有属性和方法都能被实例对象共享

    十五、 通过原型实现对象继承
    基本思想是想利用原型让一个引用类型和类一个引用类型的属性方法

    十六、 let,var的异同
    var定义的变量是全局变量或函数变量
    let定义的变量是块级变量

    十七、 如何定义模板字符串,怎么在模板字符串中使用变量

    十八、 对rest参数的理解,箭头函数的优缺点

    十九、 数组中扩展运算符的使用

    二十、
    对async,await的理解
    asgn函数这个函数会返回一个Promise对象
    asgnc同步/await异步
    Promise和asgnc/await的应用场景是大量连续的异步操作

    二十一、 属性props所起的作用是什么
    Props是组件数据的一个字段
    Props是单向绑定的当组件属性变化时,将值传给子组件
    Props是一个对象或数组

    二十二、 状态的理解,生命周期都有哪些阶段
    状态不可直接修改 状态更新是混合的,可以单独更新某个变量而不影响其他变量 ComponentDidmaunt()设置定时器
    ComponentWillDnmount()移除

    展开全文
  • JS正则表达式

    2021-02-11 15:36:58
    JS正则表达式一、什么是正则表达式二、用法三、符号解释 一、什么是正则表达式 用于匹配字符串中的字符组合。正则表达式也是一个对象。 二、用法 1.通过RegExp对象来创建 ...2.$ 表示以什么结尾,和
  • ^~ 开头表示uri某个常规字符串开头,理解为匹配 url路径即可。nginx不对url做编码,因此请求为/static/20%/aa,可以被规则^~ /static/ /aa匹配到(注意是空格)。 开头表示区分大小写的正则匹配 ~* 开头表示不...
  • js数字正则

    2021-01-08 17:24:29
    正则表达式(Regular Expression)又称规则表达式,简单来说它就是一个概念,用事先声明好的字符和字符的组合,来组成一个“规则字符串”,用来检测我们书写的字符串是否符合规则。听到这里也许你有些懵,别慌伙计,...
  • 都是一,为什么要区分1和’1’(数字1和字符串1) 数字1存储形式就是1 而字符’1’存储形式是49 1.两者功能不同 数字是数字,字符串字符串 数字能加减乘除,字符串不行 字符串能表示电话号码,数字不行 因为数字...
  • String类型用于表示由零或多个16位Unicode字符组成的字符序列,即字符串字符串可以由双引号(")或单引号(’)表示,因此下面两...不过,双引号开头的字符申也必须双引号结尾,而单引号开头字符串必须单引
  • js正则表达式

    2018-09-25 16:14:00
    var arg0=/^[0-9]{8}$/; js里正则表达式 以“/”开始;...^标示以什么开头;[0-9]标示0到9的任意数字;{8}表示字符串长度为8;$表示以什么结尾 var arg=/^[0-9]{4}[-|/]{1}[0-9]{2}[-|/]{1}[0-9]{2}$/; | 表...
  • ^~ 开头表示uri某个常规字符串开头,理解为匹配 url路径即可。nginx不对url做编码,因此请求为/static/20%/aa,可以被规则^~ /static/ /aa匹配到(注意是空格)。 ~ 开头表示区分大小写的正则匹配 ~* 开头表示...
  • js高级7

    2019-02-18 19:53:00
    1.正则:检索一条字符串的规则 2.正则就是由元字符和修饰符构成 3.写在//里面的都叫元字符,元字符分两种 一种是有特殊意义,一种没有特殊意义,没有特殊意义的就是字符本身 ... ^ 以什么开头 k...
  • JS对象的基本使用

    2020-07-04 22:14:15
    属性名可以是字符串、非空字符串、其他可以转换为字符串的都可以作为属性名,而标识符则必须字母、下划线、$字符和中文开头 1. 属性名规则 以下的属性名都是正确的: let obj1={ _we:'hello', 123:'hi', '':...
  • js常用的方法

    2019-09-30 10:07:31
    判断以什么开头 时间相关的 目录   在Jquery里面,我们可以看到两种写法: $(function(){}) 和$(document).ready(function(){})   这两个方法的效果都是一样的,都是在dom文档树加载...
  • JS基础-语法

    2021-05-28 16:21:19
    JS基础语法 1 发展历史(了解) 2 能干什么(了解) 表单验证 网页特效 3 js的组成(重点) ECMAScript 语法 BOM 浏览器对象模型 ...变量名由:a-zA-Z,0-9,$,_组成,不能数字开头 ...字符串类型string 布尔类型boole
  • JS学习(1)

    2020-05-13 20:51:26
    值类型(基本类型): 字符串(String)、数字(Number)、布尔(Boolean)、对空(Null)、未定义(Undefined)、Symbol。 复合数据类型/引用数据类型: 统称为object类型.里面包含的object类型、function、 Array、Date...
  • 零宽断言 为什么叫零宽断言请查历史资料,不是来讲原理的,就是简单说下怎么用,毕竟刚接触的时候还是简单明了好。 零宽断言有两种:1....比如要判断一个字符串数字开头后面是小写字母,但是...
  • 属性名可以是包括空字符集在内的任何字符串 如果属性名是一个合法的标识符,而不是保留字,则不强制用引号括住属性名 逗号分隔多个名值对解释一下: 第一条,看下面例子18cm的东西 第二条,标识符要合法,符合其...
  • js判断一个字符串某个字符串开头的几种方法: 例如:testStr是否str开头,你可以有以下几种做法: 1、indexOf()方法 if(testStr.indexOf("str")== 0){  表示testStr是...
  • 一、总结 一句话总结: 无论js,php,java,python里面中的正则都是差不多一样的,所以用点脑子 用到正则的地方很多,比如 nginx的配置文件 ...如"^de",表示de开头字符串 "de$",表示de结尾的字符串。...
  • 零基础学正则.

    2021-04-15 09:47:30
    正则表达式并不是js语言,他只是也可以在js中使用而已 正则表达式的目的 检测一个字符串是否...^表示以什么开头 ^用在[]内部则表示除了[]内的键盘上都可用 $ 表示以什么结尾 [] 表示一个范围 []可以用-表示一个范围 {}

空空如也

空空如也

1 2 3
收藏数 56
精华内容 22
关键字:

js字符串以什么开头