首页 > 其他分享 >vue几种截取字符串的方法

vue几种截取字符串的方法

时间:2024-02-27 15:25:44浏览次数:19  
标签:arr vue console log 截取 part let slice 字符串

这里有几种方法可以截取数组:

  1. 使用slice方法:
    let arr = [1, 2, 3, 4, 5];
    let part = arr.slice(0, 3); // 从索引0开始,到索引3结束但不包含索引3,即截取前3个元素
    console.log(part); // [1, 2, 3]
  2. 使用substr方法(只适用于字符串):
    let str = "12345";
    let part = str.substr(0, 3); // 截取从索引0开始到索引3的子字符串
    console.log(part); // "123"
  3. 使用splice方法:
    let arr = [1, 2, 3, 4, 5];
    let part = arr.splice(0, 3); // 在索引0位置删除3个元素
    console.log(part); // [1, 2, 3]
    console.log(arr); // [4, 5]
  4. 使用扩展运算符和slice方法结合:
    let arr = [1, 2, 3, 4, 5];
    let part = [...arr.slice(0, 3)];
    console.log(part); // [1, 2, 3]
  5. 使用Array.from方法:
    let arr = [1, 2, 3, 4, 5];
    let part = Array.from(arr.slice(0, 3));
    console.log(part); // [1, 2, 3]
    其中:

slice是不改变原数组,返回一个新的数组片段。
splice会改变原数组。
扩展运算符和Array.from可以将数组片段转换成一个新的数组实例。
所以在需要截取数组的场景中,slice方法用得最多。

标签:arr,vue,console,log,截取,part,let,slice,字符串
From: https://www.cnblogs.com/jqccan/p/18036924

相关文章

  • vue3router
    4.路由4.1.【对路由的理解】4.2.【基本切换效果】Vue3中要使用vue-router的最新版本,目前是4版本。路由配置文件代码如下:import{createRouter,createWebHistory}from'vue-router'importHomefrom'@/pages/Home.vue'importNewsfrom'@/pages/News.vue'importAb......
  • vue3笔记
    2.3.【一个简单的效果】Vue3向下兼容Vue2语法,且Vue3中的模板中可以没有根标签<template> <divclass="person">  <h2>姓名:{{name}}</h2>  <h2>年龄:{{age}}</h2>  <button@click="changeName">修改名字</button>  <button......
  • vue3笔记1
    4.4.【路由器工作模式】history模式优点:URL更加美观,不带有#,更接近传统的网站URL。缺点:后期项目上线,需要服务端配合处理路径问题,否则刷新会有404错误。constrouter=createRouter({history:createWebHistory(),//history模式/******/})hash模式优点:兼容性......
  • 【学习笔记】KMP算法(字符串匹配优化算法)
    KMP算法是一种改进的字符串匹配算法,由D.E.Knuth,J.H.Morris和V.R.Pratt提出的,因此人们称它为克努特—莫里斯—普拉特操作(简称KMP算法)。KMP算法的作用是,在一个长字符串内匹配一个短字符串(判断str1.contains(str2))时,减少匹配的次数,提高匹配效率。 必要概念:最长公共前后缀字符串......
  • 844. 比较含退格的字符串C
    这题学到了很多。malloc后要初始化。申请字符串要N+1个单位字符串以0结尾等等char*final(char*s,intn){char*tem=(char*)malloc(sizeof(char)*(n+1));for(inti=0;i<=n;i++){tem[i]=0;}intj=0;for(inti=0;i<n;i++){if(s[......
  • vue3开发
    主界面的模板<template><divclass="login-back"><divclass="login-container"><h2>人口信息管理系统</h2><el-formref="loginFormRef":model="loginForm":rules="l......
  • vue3前端代码
    <template><divclass="login-back"><divclass="login-container"><h2>人口信息管理系统</h2><el-formref="loginFormRef":model="loginForm":rules="loginRule......
  • Vue+Vite+Ts+Python后端demo
    一、创建前端工程1.安装node进入官网下载:Node.js(nodejs.org) 选择安装路径后,默认安装;确认是否成功安装: 2.创建vite项目①:npminitvite@latest②:输入项目名、选择Vue、选择Ts;cd到项目文件夹里;安装依赖项:npmi,启动项目:npmrundev③:打开浏览器,进入:http://localhost:5......
  • NLog条件配置——实现将包含某个特定字符串日志写入指定文件
    需求产生缘由在开发中为了了解程序在运行的内存状态并记录下来,以便出问题时判断是不是与内存相关。于是实时采集了开发程序需要的内存信息。但采集的内存信息在存储时,以NLog中的Trace级别来存储的话,会与程序其它Trace级别的日志都记录在相同的TraceLog文件下,这会导致在查看内存......
  • vite+vue3 打包代码混淆
    产品化最后一道防线,项目上线前打包时,前端代码混淆。和webpack相比,vite生态还是不够丰富,找个打包代码混淆插件好难,好在找到了rollup-plugin-obfuscator不废话,上代码1、安装代码混淆插件rollup-plugin-obfuscatoryarnadd--devrollup-plugin-obfuscatorjavascript-obfuscat......