js中substring、slice与substr的区别有哪些?

js中substring、slice与substr的区别有:1、slice和substring接收的是起始位置和结束位置,而substr接收的则是起始位置和所要返回的字符串长度;2、slice将字符串的长度与对应的负数相加,结果作为参数。

js中substring、slice与substr的区别有哪些?

js中substring、slice与substr的区别有:

slice() 方法可从已有的数组中返回选定的元素。

string.slice(start, end)提取一个字符串

string.substring(start, end)提取一个字符串,end不支持负数

string.substr(start, len)提取一个长度为len的字符串

1、slice和substring接收的是起始位置和结束位置(不包括结束位置),而substr接收的则是起始位置和所要返回的字符串长度。直接看下面例子:

   

   var test = 'hello world';   alert(test.slice(4,7));             //o w   alert(test.substring(4,7));         //o w   alert(test.substr(4,7));            //o world

登录后复制

 

2、substring是以两个参数中较小一个作为起始位置,较大的参数作为结束位置。如:

     alert(test.substring(7,4)); //o w

登录后复制

3、当接收的参数是负数时,slice会将它字符串的长度与对应的负数相加,结果作为参数;substr则仅仅是将第一个参数与字符串长度相加后的结果作为第一个参数;substring则干脆将负参数都直接转换为0。测试代码如下:

var test = 'hello world';alert(test.slice(-3));         //rldalert(test.substring(-3));     //hello worldalert(test.substr(-3));        //rldalert(test.slice(3,-4));       //lo walert(test.substring(3,-4));   //helalert(test.substr(3,-4));      //空字符串

登录后复制

相关学习推荐:javascript视频教程

以上就是js中substring、slice与substr的区别有哪些?的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2727189.html

(0)
上一篇 2025年3月7日 23:42:14
下一篇 2025年3月7日 23:42:21

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 如何实现图片懒加载?

    实现懒加载的方法:首先自定义属性如【data-imgurl】,存放着图片的路径;然后通过js判断界面滚动的位置或图片是否已加载;最后加载再去获取属性【data-imgurl】的值赋给src即可。 实现图片懒加载的方法: 首先自定义属性如【d…

    2025年3月7日
    200
  • JS中渐进增强是什么意思?

    渐进增强的意思是针对低版本浏览器进行构建页面,保证最基本的功能,然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。 JS中渐进增强的意思是: 想了解渐进增强什么意思,也同时了解优雅降级,就一个意思,为了实现css3的特效…

    2025年3月7日
    200
  • JS中行内style怎么写?

    行内style的写法为:1、对复合属性的写法是去掉中间的“—”,并将第二个单词大写,代码为【alert(box.style.color)】;2、float是关键字有特殊写法,代码为【alert(box.style.float)】。 JS中行…

    2025年3月7日
    200
  • html+css+js实现魔性的舞蹈动画效果(代码分享)

    本篇文章给大家分享一下html+css+js实现魔性的舞蹈动画效果的代码。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。 使用html+css+js实现魔性的舞蹈,让我们燥起来!!! 效果图:  代码如下,复制代码即可使用…

    2025年3月7日
    200
  • 手把手教你如何实现前端的吸顶效果

    前端实现吸顶效果 1、监听scroll事件,实现吸顶功能 2、css实现吸顶 写页面经常会遇到这种需求:导航菜单初始位置不在头部,滑动页面时候当导航菜单滑到头部位置就固定在头部,往下滑导航菜单又回到初始位置。 网页被卷起来的高度/宽度(即浏…

    2025年3月7日
    200
  • 史上最全的js、jQuery面试题

    js、jQuery面试题整理 1.数据类型 基本类型:除Object、String、Number、boolean、null、undefined。 引用类型:object。里面包含的 function、Array、Date。 推荐相关文章:2…

    2025年3月7日
    200
  • js如何准确判断变量的数据类型

    可以通过tostring()方法来实现。 (推荐教程:js教程) 函数介绍: toString() 是 Object 的原型方法,调用该方法,默认返回当前对象的 [[Class]] 。这是一个内部属性,其格式为 [object Xxx] ,…

    2025年3月7日
    200
  • 带你了解js中[]、{}、()区别(详解)

    一、{ } 大括号,表示定义一个对象,大部分情况下要有成对的属性和值,或是函数体 {}表示对象、[]表示对象的属性、方法,()如果用在方法名后面,代表调用 如: var LangShen = {“Name”:”Langshen”,”AGE”…

    2025年3月7日
    200
  • 三分钟带你了解JS和JSP的区别

    最近很多同学在纠结于名词缩写之间的相似性,因此本人也来写一篇,讲讲JS和JSP的区别。 SUN首先发展出SERVLET,其功能比较强劲,体系设计也很先进,只是,它输出HTML语句还是采用了老的CGI方式,是一句一句输出,所以,编写和修改HT…

    2025年3月7日
    200
  • js中“==”和“===”有什么区别

    区别如下: (推荐学习:js教程) ==表示等同,===表示恒等; ==只比较内容,而===既比较内容也比较数据类型。 测试代码: “==” 100 == “100”            // true1 == true         …

    2025年3月7日
    200

发表回复

登录后才能评论