17.js字符串

字符串创建

1.字面量创建

        var 字符串名=字符串

2.内部构造函数创建

        var 字符串名=new String('字符串')

length属性

        只能读取不能设置

        var str='abcdfegfgl'console.log(str.length) //10str.length=5    console.log(str)    //不能写  abcdfegfgl

index属性

        只能读不能设置

        var str='abcdfegfgl'console.log(str[1]) //bstr[1]="A"console.log(str)    //不能写  abcdfegfgl

字符串常用方法

charAt()

        语法:字符串名.cartAt(索引值)-----索引值默认为0

        作用:获取对应索引位置的字符

        返回值:返回索引对应的值,没有则返回空字符串

        var str='abcdfegabc'console.log(str.charAt(2))  //aconsole.log(str.charAt(2))  //cconsole.log(str.charAt(12))  //""
charCodeAt()

        语法:字符串名.charCodeAt(索引值)-----索引值默认为0

        作用:将对应索引位置的字符转为unicode编码

        返回值:返回转好的编码,没有则返回NaN

        var str='abcdfegabc'console.log(str.charCodeAt())  //97console.log(str.charCodeAt(2))  //99console.log(str.charCodeAt(12))  //NaN
toUpperCase()

        语法:字符串名.str.toUpperCase()

        作用:将所有字符转为大写

        返回值:返回转好的字符

toLowerCase()

        语法:字符串名.str.toUpperCase()

        作用:将所有字符转为小写

        返回值:返回转好的字符

        var str='AbcdFegabc'console.log(str.toUpperCase())  //ABCDFEGABCconsole.log(str.toLowerCase())  //abcdfegabc
substr()

        语法:字符串名.substr(开始索引,截取个数)

        作用:截取字符串

        返回值:返回截取的字符串

        var str='AbcdFegabc'//都不写则截取整个字符串console.log(str.substr())  //AbcdFegabc//只写开始索引表示从开始索引到字符串末尾console.log(str.substr(3))  //dFegabc//都写表示从开始索引截取几个字符console.log(str.substr(1,3))  //bcd
substring()

        语法:字符串名.substring(开始索引,结束索引)

                    ——包含开始索引的值,不包含结束索引的值

        作用:截取字符串

        返回值:返回截取的字符串

        var str='AbcdFegabc'console.log(str.substring())  //AbcdFegabcconsole.log(str.substring(3))  //dFegabcconsole.log(str.substring(1,3))  //bcconsole.log(str.substring(-2,3))  //Abc
slice()

        语法:字符串名.slice(开始索引,结束索引)或 字符串名.slice(负的开始索引)

                   ——包含开始索引的值,不包含结束索引的值

        作用:截取字符串

        返回值:返回截取的字符串

        var str='AbcdFegxyz'console.log(str.slice())  //AbcdFegxyzconsole.log(str.slice(3))  //dFegxyzconsole.log(str.slice(1,3))  //bc//和substring的区别,当索引为负值//substring还是截取整个字符串//slice表示从倒数第几个开始截取console.log(str.substring(-2))  //AbcdFegxyzconsole.log(str.slice(-3))  //xyz
split()

        语法:字符串.split(分隔符,前几个数组)

        作用:按照分隔符将字符串分割

        返回值:返回分割好的数组

        var str1='AbcdFegxyz'console.log(str1.split(""))  //['A', 'b', 'c', 'd', 'F', 'e', 'g', 'x', 'y', 'z']var str2='AbcdFegxyz'console.log(str2.split())  //['AbcdFegxyz']var str3='Ab cd Fe gx yz'console.log(str3.split())    //['Ab cd Fe gx yz']var str4='Ab|cdFegxyz'console.log(str4.split("|")) //['Ab', 'cdFegxyz']   var str5='Ab|cdFegxyz'console.log(str5.split("|",1)) //['Ab']   
concat()

        语法:字符串.concat('字符串')

        作用:拼接字符串

        返回值:拼接好的字符串

        var str='Ab'console.log(str.concat("拼接的"))   //Ab拼接的
indexOf()

        语法:字符串.indexOf('字符')

        作用:按照从前向后的顺序查找字符串的索引

        返回值:有返回索引值,没有返回-1

        var str='AbcDeF AgHiJkLmN'console.log(str.indexOf('A'))   //0console.log(str.indexOf(' '))   //6console.log(str.indexOf(1))   //-1
lastIndexOf()

        语法:字符串.lastIndexOf('字符')

        作用:按照从后向前的顺序查找字符串的索引

        返回值:有返回对应的索引值,没有返回-1

        var str='AbcDeF AgHiJk LmN'console.log(str.lastIndexOf('A'))   //7console.log(str.lastIndexOf(' '))   //13console.log(str.lastIndexOf(1))   //-1
includes()

        语法:字符串.includes('字符')

        作用:判断字符串中是否含有某字符

        返回值:true/false

        var str='AbcDeF AgHiJk LmN'console.log(str.includes("Abc"))   //trueconsole.log(str.includes("ABC"))   //false
trim()

        语法:字符串.trim()

        作用:去除字符串前后空格

        返回值:返回去除空格后的字符串

trimStart()/trimLeft()

        语法:字符串.trimStart() / 字符串.trimLeft()

        作用:去除字符串开始位置的空格

        返回值:返回去除空格后的字符串

trimEnd()/trimRight()

        语法:字符串.trimEnd() /  字符串.trimRight()

        作用:去除字符串结束位置的空格

        返回值:返回去除空格后的字符串

        var str='  AbcDeF AgHiJk LmN    'console.log('----'+str.trim()+'----')          //----AbcDeF AgHiJk LmN----console.log('----'+str.trimStart()+'----')     //----AbcDeF AgHiJk LmN    ----console.log('----'+str.trimLeft()+'----')      //----AbcDeF AgHiJk LmN    ----console.log('----'+str.trimEnd()+'----')       //----  AbcDeF AgHiJk LmN----console.log('----'+str.trimRight()+'----')     //----  AbcDeF AgHiJk LmN----
replace()

        语法:字符串.replace('要换下的字符','要换上的字符')

        作用:将字符串内第一个满足换下字符的片段替换成换上的字符

        返回值:替换好的字符串

        var str='13849328493'console.log(str.replace('3','A'))   //1A849328493

查询字符串

类似于:'key = value& key1 = value1&key2 = value2'

练习:

        将查询字符串转为对象

        var str='name=zhangsan&age=13&sex=男'var arr=str.split('&')    //arr=['name=zhangsan', 'age=13', 'sex=男']var strObj={}arr.forEach(function(item){    //对arr进行遍历strObj[item.split('=')[0]]= item.split('=')[1]})console.log(strObj) //{name: 'zhangsan', age: '13', sex: '男'}

json格式字符串

类似于:{ "username ": "tom" ,"age":18}

js对象:{ username: "tom" ,age:18}

json转js

        JSON.parse()

js转json

        JSON.stringify()

 console.log(JSON.parse('{"username":"tom","age":18}'))  //{username: 'tom', age: 18}console.log(JSON.stringify({ username: "tom" ,age:18}))  //{"username":"tom","age":18}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/diannao/19604.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

水位监测站的工作原理

TH-SW2在雨季,河道和湖泊的水文信息监测对于防洪减灾、水资源管理和环境保护等方面具有至关重要的意义。水文监测站作为实现这一目标的基础设施,发挥着关键作用。水文监测站是观测及搜集河流、湖泊、水库等水体的水文、气象资料的基层水文机构。在雨季&a…

C++基础项目 通讯录管理系统

尝试找实习面试,结果发现自己的学习还有很多不足,没有了解c11/14很多新特性的使用以及学习,因此打算重新过一遍基础.通讯录管理系统是c的基础入门,主要运用了结构体,数组,函数以及指针等东西.下面详细的说明整个设计工程. 需求分析 * 联系人上限为1000人,联系人信息…

harbor -- docker私有仓库安装配置

1 安装docker-compose $ curl -L "https://get.daocloud.io/docker/compose/releases/download/v1.25.2/docker-compose-$(uname -s)-$(uname -m)" -o /usr/local/bin/docker-compose $ chmod x /usr/local/bin/docker-compose 2 安装配置harbor $ wget https://g…

代码随想录算法训练营第36天 | 738.单调递增的数字

代码随想录算法训练营第36天 | 738.单调递增的数字 自己看到题目的第一想法看完代码随想录之后的想法自己实现过程中遇到哪些困难 ) 链接: 738.单调递增的数字 自己看到题目的第一想法 738.单调递增的数字:先判断本身是否单调递增,如果是就直接返回该…

Android NDK系列(五)内存监控

在日常的开发中,内存泄漏是一种比较比较棘手的问题,这是由于其具有隐蔽性,即使发生了泄漏,很难检测到并且不好定位到哪里导致的泄漏。如果程序在运行的过程中不断出现内存泄漏,那么越来越多的内存得不到释放&#xff0…

centos时间不对

检查当前时区是否正确 timedatectl status如果时区不正确,使用以下命令设置正确的时区(将Asia/Shanghai替换为您所在的时区): timedatectl set-timezone Asia/Shanghai如果时区正确但时间不准确,使用以下命令同步网络…

Java基础语法——字符串(String/StringBuilder/Stringjoiner)

String Java的String类是不可变的,意味着一旦创建,其值就不能被改变。String类提供了丰富的API来操作字符串。 以下是一些常用的方法: 构造方法: 有以下几种常见的: public class stringlearn {public static void…

AI 赋能前端 -- 文本内容概要生成

幸福不在于你获得了什么,而在于你比他人多获得了什么 是比较出来的 大家好,我是柒八九。一个专注于前端开发技术/Rust及AI应用知识分享的Coder 此篇文章所涉及到的技术有 OpenAILangChainRust/WebAssemblyWeb Workerreact+ts+vite配置环境变量(env)因为,行文字数所限,有些概…

渗透课程第二阶段--Part1--信息收集

目录 一. 为什么要做信息收集? 渗透测试的流程 信息收集包括的内容 学习框架: 二. 分类 1. 域名相关信息 域名(Domain Name)是什么 域名的分类 域名联系人信息 子域名信息 域名DNS信息 2. IP相关信息 ping/nslookup …

香橙派OrangePi AIpro上手笔记——之USB摄像头目标检测方案测试(一)

整期笔记索引 香橙派OrangePi AIpro上手笔记——之USB摄像头目标检测方案测试(一) 香橙派OrangePi AIpro上手笔记——之USB摄像头目标检测方案测试(二) 香橙派OrangePi AIpro上手笔记——之USB摄像头目标检测方案测试&#xff0…

使用element的提示框并修改css

使用el-tooltip来做提示框&#xff1a; <el-tooltip popper-class"popper" content"敬请期待" placement"right"><div><i class"iconfont icon-lianjie-01"></i><span>输入链接</span></div&…

和鲸“101数智领航计划”——在武大解码 GeoAI,地理空间智能(GeoAI)学术研讨会及编程工作坊圆满落幕

AI 正革新地理空间数据分析的范式&#xff0c;既为科学研究及行业落地应用带来了机遇&#xff0c;同样也带来了挑战。 5 月 25 日&#xff0c;和鲸科技联合武汉大学遥感信息工程学院、中国地质大学&#xff08;武汉&#xff09;地理与信息工程学院&#xff0c;于武汉大学成功举…

element.addEventListener() 方法 详细解析与代码示例

element.addEventListener() 方法用于向指定的元素添加事件监听器。 语法: element.addEventListener(event, function, useCapture);参数说明: event&#xff1a;表示要监听的事件类型&#xff0c;比如 "click"、"mouseover"、"keydown" 等等…

使用mongorestore时no reachable servers错误的解决

使用mongorestore命令恢复导出的.bson文件至mongodb时&#xff0c;比如 mongorestore -d mydb -c mycollection mycollection.bson可能会遇到遇到类似下面的错误 Failed: error connecting to db server: no reachable servers而此时mongosh&#xff0c;或者mongo命令本身是可…

关于TeamSpeak3-网易音乐机器人的基础使用方法(胎教级教程)

本文转自博主的个人博客&#xff1a;https://blog.zhumengmeng.work,欢迎大家前往查看。 原文链接&#xff1a;点我访问 序言&#xff1a;在自己的ts服务器上安装了网易音乐机器人&#xff0c;写这篇文章旨在教群友/网友如何使用机器人!&#x1f60b;&#x1f44d; 一、TS3Audi…

Flutter 中的 SliverOverlapInjector 小部件:全面指南

Flutter 中的 SliverOverlapInjector 小部件&#xff1a;全面指南 Flutter 是一个功能丰富的 UI 框架&#xff0c;由 Google 开发&#xff0c;允许开发者使用 Dart 语言构建跨平台的移动、Web 和桌面应用。在 Flutter 的滚动视图系统中&#xff0c;SliverOverlapInjector 是一…

Nginx平滑升级

目录 编译安装nginx1.18 平滑升级至1.22版本 本文记录了编译安装的nginx1.18平滑升级到nginx1.22版本的流程&#xff0c;都采用的编译安装&#xff0c;有不清楚流程的可以评论区我&#xff0c;咱们一起讨论。 编译安装nginx1.18 # 安装编译依赖 yum -y install gcc pcre pc…

揭秘Python:下划线的特殊用法,你绝对想不到!

在Python编程中&#xff0c;下划线&#xff08;underscore&#xff09;是一个常见而又强大的工具。它不仅仅是一个普通的字符&#xff0c;而是具有特殊含义和用法的符号。今天&#xff0c;我们就来揭开Python下划线的神秘面纱&#xff0c;探索它的各种妙用。 下划线的基本用法…

01--nginx基础

前言&#xff1a; 本文用来整理一下nginx的用法&#xff0c;应该是本人中间件专栏的第一篇文章&#xff0c;这里开始概念和实操将会同样重要&#xff0c;面试时基本概念的理解非常重要&#xff0c;深有体会&#xff0c;不会再让概念成为压死骆驼的稻草。 1、nginx简介 Nginx…

3、css3 手写nav导航条(互相学习)

效果例图&#xff1a; 1、首先呈现的是html代码&#xff1a; <!DOCTYPE html> <html lang"zh"> <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><…