资讯专栏INFORMATION COLUMN

原生js的字符串方法

dreamans / 2840人阅读

摘要:参数查找值,开始查找下标,如果要检索的字符串值没有出现,则该方法返回。例题返回查找对应字符出现的下标作用从后往前找某个指定的字符串值在字符串中首次出现的位置作用方法用于提取字符串中介于两个指定下标之间的字符。

1. stringObject.charAt()
作用:返回字符串的下标

var str="这是一串字符串";
console.log(str.charAt(0))//这

2. stringObject.charCodeAt()
作用: 方法可返回指定位置的字符的 Unicode 编码

var str="这是一串字符串";
console.log(str.charCodeAt(0))
//这=>36825

3.String.fromCharCode()
作用:通过Unicode 编码返回对应的字符

console.log(String.fromCharCode(36825,26159))//这是
例题:查找字符串是不是数字




4. stringObject.indexOf()
作用:方法可返回某个指定的字符串值在字符串中首次出现的位置。
参数:str.indexOf(查找值,开始查找下标),如果要检索的字符串值没有出现,则该方法返回 -1。

例题:返回查找对应字符出现的下标
    

5. stringObject.lastIndexOf()
作用:从后往前找某个指定的字符串值在字符串中首次出现的位置

6. stringObject.substring()
作用:方法用于提取字符串中介于两个指定下标之间的字符。

7. stringObject.toUpperCase()
作用:字母转成大写

8. stringObject.toLowerCase()
作用:字母转成小写

9.stringObject.split()
作用:方法用于把一个字符串分割成字符串数组
参数:(以什么字符截取,保留数组到第几位)

三种用法
var str="121314";

str.split("") //[1,2,1,3,1,4];

str.split("1")//[ ,2,3,4];

str.split("",2)//[1,2]

10.arrObject.join()
作用:方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的

两种用法
var arr = [1,2,3];
arr.join("")//123
arr.join("-")//1-2-3
例题:高亮显示查找的关键字
    
    
    var oin = document.getElementById("oin");
    var obtn = document.getElementsByTagName("button")[0];
    var str = "arguments对象的长度是由实参个数而不是形参个数决定的。
    形参是函数内部重新开辟内存空间存储的变量,但是其与arguments对象
    内存空间并不重叠。对于arguments和值都存在的情况下,两者值是同步的
    ,但是针对其中一个无值的情况下,对于此无值的情形值不会得以同步。
    如下代码可以得以验证。";
    var h = "";
    obtn.onclick = function() {
        if (oin.value == "") {
            alert("输入为空");
            return false
        }
        var s = oin.value;
        if (str.indexOf(s) == -1) {
            alert("没有这个数字");
            return false
        }
        var m = "" + s + "";
        str = str.split(s);
        h = str.join(m)
        document.body.innerHTML=h
    }

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/90831.html

相关文章

  • js原生应用常用数据交互方式

    摘要:一旦使用了那么就少不了和原生开发的一些交互如下的方案能够帮助你解决。其实现原理是原生在的对象中注入一个方法,以备原生应用进行处罚触发,就和我们平时去调用的方法一样简单。代码常用调用原生的方式都在这里体现。 showImg(https://segmentfault.com/img/remote/1460000016955237); 场景1 在原生app中经常会使用到H5页面,比如说电商中...

    raledong 评论0 收藏0
  • JS数组中那些你知道或不知道

    摘要:从这句话我们可以知道,当我们构造一个指定长度的时,由于有长度,所以会开辟相应下标的空间,但是因为该下标并没有元素,所以就会返回,任何原因构造数组元素失败时,都会返回一个。 作者:陈大鱼头 github: KRISACHAN JS中的Array ecma-262中的定义:Array对象是一种特殊对象,它会对数组索引属性键进行特殊处理。 每个Array对象都有一个不可配置的lengt...

    BenCHou 评论0 收藏0
  • JS数组中那些你知道或不知道

    摘要:当且仅当使用至少两个参数调用构造函数时,此描述才适用。断言的值为返回。还有是定义指定长度数组时会出现什么事呢在源码中有个的方法。转换为数字对象转换为数字的规则如下表参数类型结果返回。不同的是,可以选择自定义上下文环境。 作者:陈大鱼头 github: KRISACHAN JS中的Array ecma-262中的定义: Array对象是一种特殊对象,它会对数组索引属性键进行特殊处理。 ...

    jackzou 评论0 收藏0
  • js数据类型及类型检测

    摘要:使用的构造函数是,它只为新对象定义了默认的属性和方法。如果网页中包含多个框架,那实际上就存在多个不同的全局执行环境,从而存在多个不同版本的构造函数。每个类在内部都有一个属性,这个属性中就指定了上述字符串中的构造函数。 js中常见的用于类型判断的操作符或属性有:typeof、instanceof、prototype。下面我们就来看看他们是如何判断数据类型的。 一.js数据类型 ECMAs...

    Kyxy 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<