JavaScript的slice()方法最详解

2023-11-19

JavaScript slice() 方法怎么用?(最详尽最易懂的讲解)
1.JavaScript slice() 方法的定义:
slice() 方法可提取字符串的某个部分,并以新的字符串返回被提取的部分。
2.1.JavaScript slice() 方法的语法:
stringObject.slice(start,end)
3.1.
start参数:要抽取的片断的起始下标。如果是负数,则该参数规定的是从字符串的尾部开始算起的位置。也就是说,-1 指字符串的最后一个字符,-2 指倒数第二个字符,以此类推。
3.2.
end参数:接着要抽取的片段的结尾的下标。若未指定此参数,则要提取的子串包括 start 到原字符串结尾的字符串。如果该参数是负数,那么它规定的是从字符串的尾部开始算起的位置。
4.重点来了:
4.1.
实例1:
在本例中,我们将提取从位置 6 开始的所有字符:
var str=“Hello happy world!”
document.write(str.slice(6))
JS的结果输出为:happy world!
4.2.
实例2:
在本例中,我们将提取从位置 6 到位置 11 的所有字符:
var str=“Hello happy world!”
document.write(str.slice(6,11))
JS的结果输出为:happy
4.3.
实例3:(实例3摘自《2019年度未来教育在线考试网校全国计算机二级web程序设计真考试卷2》)
在本例中,我们将提取从位置-2开始的所有字符:
var str=“32px”
var str1 = str.slice(-2);
document.write(str+"_"+str1);
JS的结果输出为:32px_px
5.实战技巧
1.String 对象的方法 slice()、substring() 和 substr() (不建议使用)都可返回字符串的指定部分。但slice() 比 substring() 要灵活一些,因为它允许使用负数作为参数。所有我们在实战中应该尽可能多的去使用slice()方法。
2.String.slice() 与 Array.slice() 相似!!!为什么相似呢?
5.2.1
constrcutor
5.2.2
prototype
5.2.3
都有长度legth:
str.length可以获取字符串长度 arr.length可以获取数组的长度
5.2.4
都可以进行for循环遍历(李杰大神提供):
String对象进行for循环遍历:
public static void main(String[] args){
// 普通的for 循环遍历
for (int i = 0; i < str.length; i++) {
System.out.println(str[i]);
}

Array数组进行for遍历:
// 普通的for 循环遍历
for(var i = 0 ; i < arr.length; i++){
console.log(i,“类型:”+typeof i,arr[i]);
5.2.5
都属于JavaScript对象(李杰大神提供):
但Array类型属于JavaScript的引用类型,String属于JavaScript的基本包装类型。
如有不懂,欢迎交流!

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

JavaScript的slice()方法最详解 的相关文章

  • Angular $http.get:如何捕获所有错误?

    我发送一个表单到nodejs进行身份验证 使用 http get在以下函数中并添加promise gt then 在生产中 这是否可以处理我可能从服务器收到的所有错误 我还需要向此功能添加其他内容吗 MyApp controller Log
  • Jasmine 条件 callThrough 和 callFake

    我有一个返回函数引用的方法 function methodetobeMoked param case1 return func1 case 2 return func2 case n return funcN 我需要监视这个方法并返回特定输
  • 如何使用 Shopify API 将商品添加到购物车

    我正在使用 Shopify API 开发自定义网络应用程序 这里的想法是使用应用程序作为独家店面 只需向 Shopify API 发出请求 我已在我的 Shopify 帐户中设置了一个私人应用程序来执行此操作 我从 api 提取产品没有问题
  • 如果Functions是javascript中的对象,为什么function.constructor指向Function而不是Object?

    当像这样从窗口对象创建以下函数时 function userInfo 既然函数是对象 为什么 userInfo constructor 显示 Function 而不是 Object 当使用以下内容时 它甚至显示函数而不是对象 Functio
  • 方向改变后的javascript最大视口高度Android和iOS

    目标 查找设备的最大视口高度 包括设备的空间address bar这样我们就可以动态调整 min body 的大小并将内容向上推 问题 移动浏览器处理方向状态的方式不同 方向变化时更新 DOM 属性的方式也不同 使用 JavaScript
  • Node.js Google-云存储上传目的地规范

    我有一个 Node js 服务器并且正在使用谷歌云上传一些图像文件的包Firebase 存储 上传本身工作正常 但 google cloud API 似乎只能将文件上传到 Firebase Storage 根文件夹 有没有办法指定远程位置来
  • 如何使用 Underscore 获取 JavaScript 数组中的重复项

    我有一个数组 我需要重复的项目并根据特定属性打印这些项目 我知道如何使用 underscore js 获取唯一项目 但我需要找到重复项而不是唯一值 var somevalue name john country spain name jan
  • 使用 Charts.js 禁用动画

    我在使用 Charts js 关闭动画时遇到一些问题 这是我的代码 var pieData value 30 color F38630 value 50 color E0E4CC value 100 color 69D2E7 var myP
  • 如何在Javascript中声明静态变量[重复]

    这个问题在这里已经有答案了 在下面的代码中 我希望有一个计数器来跟踪创建的 Person 对象的数量 这段代码没有这样做 我该如何实现呢 function Person this name Peter this counter this c
  • 强制执行 show.bind

    我有一个包含数据的表 当从另一个视图触发事件时 我希望视图检查 show bind 语句 问题是该事件没有更改当前视图中的任何数据 foo html tr p canBeRemoved p tr 我正在使用 EventAggregator
  • toJSON() 和 JSON.Stringify() 之间的区别

    如果您需要读取或克隆模型的所有数据属性 请使用其 toJSON 方法 此方法返回属性的副本作为 对象 尽管有其名称 但不是 JSON 字符串 当 JSON stringify 为 使用 toJSON 方法传递一个对象 它将返回的字符串化 t
  • Javascript“命名空间”和 jQuery AJAX

    我正在使用此处列出的建议 http www odetocode com articles 473 aspx http www odetocode com articles 473 aspx 使用模拟的JavaScript AJAX网络聊天系
  • 元素在主体内找不到足够的空间 - JavaScript 样式

    相关信息 该页面包含两个元素 An
  • 如何使用 JavaScript 播放任意 MIDI 音符?

    澄清一下 我不想生成 MIDI 文件 也不想播放 MIDI 文件 我希望即时播放 MIDI 音符 我尝试使用https github com mudcube MIDI js https github com mudcube MIDI js作
  • 如何在 Next.js 中正确使用 Mongoose 模型?

    我正在使用 TypeScript 和 MongoDB Mongoose 构建 Next js 应用程序 我在使用 Mongoose 模型时开始遇到错误 这导致它们在每次使用模型时都尝试覆盖模型 导致模型覆盖错误的代码 import mong
  • 用于图形操作的 Javascript 库

    有没有建议的 javascript 替代 pythonpygraph http code google com p python graph or NetworkX http networkx lanl gov 应该注意的是 可视化不是必需
  • 加载 angularjs 路由后运行 javascript 代码

    我需要在 angularjs 加载路线后显示警报 显示警报的代码位于 angularjs 异步加载的视图中 视图加载后 我希望它能够运行 但它没有 我知道我可以广播并告诉它稍后运行等 但我需要一个更通用的解决方案 假设您正在谈论基于以下内容
  • 正则表达式获取两个方括号之间的数字

    您好 我需要使用正则表达式在 JavaScript 中获取两对方括号内的字符串 这是我的字符串 12 23 asd 到目前为止我尝试的是使用这种模式 d 我需要获得价值12使用正则表达式 您可以使用以下正则表达式 d 这将提取12 from
  • .parents() 没有 jquery - 或 querySelectorAll 为父母[重复]

    这个问题在这里已经有答案了 可能的重复 使用 matchesSelector js 检查 event target parentElement https stackoverflow com questions 12977658 check
  • javascript:获取带有单位的CSS prop值[重复]

    这个问题在这里已经有答案了 我的代码是这样的 image 1 position absolute top 3vw 我的尝试 http jsfiddle net z8k6t3fb 1 http jsfiddle net z8k6t3fb 1

随机推荐

  • 1668 最大重复子字符串

    题目描述 给你一个字符串 sequence 如果字符串 word 连续重复 k 次形成的字符串是 sequence 的一个子字符串 那么单词 word 的 重复值为 k 单词 word 的 最大重复值 是单词 word 在 sequence
  • 第48讲 第49讲--动态定位单元格区域1-End属性、动态定位单元格区域2、3-Currentregion UsedRange

    1 单元格区域 EntireRow返回该区域所在的整行对象单元格区域 EntireColumn返回该区域所在的整列 返回单元格所在的整行与整列 返回单元格对象 EntireRow 与EntireColumn Sub 整行与整列 Range
  • 制作一个“生日快乐”App,来自程序员的生日礼物~

    点击上方 码农的后花园 选择 星标 公众号 精选文章 第一时间送达 之前给大家制作了一个来自程序员的表白神器 本期带大家做一个 生日快乐 App 来自程序员的生日礼物 不要再说程序员不懂浪漫咯 往期精彩 Android App 开发的三种姿
  • hibernate 异常

    1 异常 org hibernate AnnotationException No identifier specified for entity异常 entity类是必须要主键的 否则就会报出这个异常 Id GeneratedValue
  • 布隆过滤器的简单介绍与实例(Bloom Filter)

    转载https blog csdn net leeafay article details 78681534 布隆在1970年提出了布隆过滤器 Bloom Filter 是一个很长的二进制向量 可以想象成一个序列 和一系列随机映射函数 ha
  • TensorFlow.js - 使用 CNN(卷积神经网络) 识别手写数字

    目录 index html data js script js 备注 参考文献 index html
  • ChatGPT是免费的吗?

    ChatGPT并非由单个实体或公司所拥有和控制 而是由OpenAI推出和维护的人工智能技术 其可以被免费使用 OpenAI提供API服务和开发者工具 可以让开发者和用户将ChatGPT集成到自己的应用程序中 虽然使用ChatGPT本身是免费
  • Nginx配置整合:基本概念、命令、反向代理、负载均衡、动静分离、高可用

    一 基本概念 1 什么是Nginx Nginx是一个高性能的HTTP和反向代理服务器 也是一个IMAP POP3 SMTP代理server 其特点是占有内存少 并发能力强 其并发能力确实在同类型的网页server中表现较好 http服务器
  • 飞腾D2000 UOS下安装KVM虚拟机

    其他的和x86环境都差不多 开了开发者模式后 virt manager qemu efi aarch64 qemu system 几个包补齐 启动libvirtd服务 查看日志 报以下日志 4月 09 21 13 34 actionchen
  • JAVA虚拟机灵魂之问:Xmx和Xms不一致对虚拟机性能有何影响

    使用jvisualVM查看idea进程 发现其关于堆大小的参数设置如下 并发现随着idea加载项目 其实际使用的内存会自动增大 加载项目前和加载项目后 堆大小是不一样的 有一个大幅提升的阶段 随着所需要的内存的增多 虚拟机会多次向操作系统申
  • FreeBSD配置ip和开启SSH

    首先ifconfig a 看下网卡名称 然后vi etc rc conf 我先贴下我的图吧 主要是 ifconfig le0这个的 set ip ifconfig le0 inet 192 168 1 213 netmask 255 255
  • openEuler操作系统及其安装使用

    文章目录 1 目标 2 openEuler操作系统介绍 2 1 发布件 2 2 最小硬件要求 2 3 硬件兼容性 2 4 关键特性 2 4 1 openEuler 22 03 LTS基于 Linux Kernel 5 10 内核构建 在进程
  • obsidian上手使用

    前言 我之前一直使用的是typora typora付费后就没有使用过了 后面就一直找markdown编辑器 在一次网课中我发现了老师用的网页富文本编辑器非常不错 这样我认识了语雀 语雀的文本编辑体验确实非常的不错 还可以在笔记里添加思维导图
  • 使用 SpringBoot 访问 MySQL 数据库

    一 目标 创建一个 MySQL 数据库 构建一个 Spring 应用程序 并将其连接到新创建的数据库 二 准备工作 1 最喜欢的文本编辑器或 IDE 2 Java 17或更高版本 3 Gradle 7 5 或Maven 3 5 三 初始化项
  • 使用Python制作酷炫的二维码

    参考 https www cnblogs com zhuwjwh p 11401312 html 制作动图二维码只需要原始图像是动图就可以哦 制作动图可以参考我之前的博客
  • 量化编程环境python库安装包

    必装工具包 1 ccxt conda没有 2 pandas 3 pathos 并发计算 conda没有 4 websocket 获取实时数据 conda没有 5 ntplib 用于时间校对 conda没有 6 cryptography 加密
  • Qt中 gui 模块和 widgets 模块的区别

    作者 billy 版权声明 著作权归作者所有 商业转载请联系作者获得授权 非商业转载请注明出处 简述 在Qt5下 QWidget系列从QtGui中被剥离出去 成为单独的QtWidget模块 随着Qt Quick2的引入 QtDeclarat
  • 【JavaScript】js继承

    es6 extends继承 原型式继承 构造函数继承 组合式继承 一 es6 extends继承 scala复制代码 class Child extends Parent constructor super this name 张三 let
  • Java课程设计之学习成绩管理系统

    package System import java awt import java awt event import java io import javax swing import javax swing table Abstract
  • JavaScript的slice()方法最详解

    JavaScript slice 方法怎么用 最详尽最易懂的讲解 1 JavaScript slice 方法的定义 slice 方法可提取字符串的某个部分 并以新的字符串返回被提取的部分 2 1 JavaScript slice 方法的语法