js如何判断输入字符串长度

yizhihongxing

JS如何判断输入字符串长度分两个方面来讲,第一个方面是字节长度,第二个方面是字符长度。

字节长度

在计算字节长度的时候,JS中一般使用Buffer.byteLength函数。

Buffer.byteLength方法

Buffer.byteLength方法的作用是用来计算一个字符串的字节长度。它的使用方法如下:

const str = 'hello world';
const byteLen = Buffer.byteLength(str, 'utf-8');
console.log(byteLen);

根据上面的代码片段,我们可以得到字符串hello world的字节长度为11。其中,Buffer.byteLength函数接收两个参数,第一个参数是需要计算的字符串,第二个参数是字符串的编码格式,常用的为UTF-8。

示例代码

const str1 = '字符ABC123';
const str2 = '字符123ABC';
const str3 = '12a^C&*_+你';
const byteLen1 = Buffer.byteLength(str1, 'utf-8');
const byteLen2 = Buffer.byteLength(str2, 'utf-8');
const byteLen3 = Buffer.byteLength(str3, 'utf-8');
console.log(byteLen1); //9
console.log(byteLen2); //9
console.log(byteLen3); //13

通过上面的代码可以发现,虽然前两个字符串的字符顺序不同,但它们拥有相同的字节长度。同时,最后一个字符串因为包含了一个中文字符,因此它的字节长度比前两个字符串长4个字节。

字符长度

在计算字符长度的时候,JS中一般使用string.length方法。

string.length方法

string.length方法的作用是用来计算一个字符串的字符长度。它的使用方法如下:

const str = 'hello world';
const charLen = str.length;
console.log(charLen);

根据上面的代码片段,我们可以得到字符串hello world的字符长度为11。其中,string.length函数不需要传入参数,直接调用即可。

示例代码

const str1 = '字符ABC123';
const str2 = '字符123ABC';
const str3 = '12a^C&*_+你';
const charLen1 = str1.length;
const charLen2 = str2.length;
const charLen3 = str3.length;
console.log(charLen1); //7
console.log(charLen2); //7
console.log(charLen3); //8

通过上面的代码可以发现,虽然前两个字符串的字符顺序不同,但它们拥有相同的字符长度。同时,最后一个字符串因为包含了一个中文字符,因此它的字符长度比前两个字符串多1个字符。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:js如何判断输入字符串长度 - Python技术站

(0)
上一篇 2023年5月28日
下一篇 2023年5月28日

相关文章

  • 分析javascript原型及原型链

    分析 JavaScript 原型及原型链可分为以下几个步骤: 1. 什么是原型 在JavaScript中,每个对象都有一个原型对象(prototype),当你访问一个对象的属性时,如果这个对象本身不存在这个属性,那么 JavaScript 就会从原型对象中找这个属性,如果原型对象中也不存在这个属性,那么就会从原型对象的原型对象中继续寻找,直到找到为止,这就是…

    JavaScript 2023年6月10日
    00
  • Microsoft Flow | 微信 | LDP 整合开发

    我们在使用自己的企业应用平台时,经常会遇到以下场景: 场景1 业务系统的通知太多,希望收到通知时同步发送企业微信来随时查看。 场景2 需要和其他ERP、BI、CRM等系统对接。 通常的解决方案是自行开发一套程序来实现平台到微信的同步功能。 如果这样做,我们就需要域名空间,要学会搭建web服务器,要github备份维护代码,要当心漏洞被攻击,要编写复杂的代码。…

    JavaScript 2023年4月18日
    00
  • 与iframe进行跨域交互的解决方案(推荐)

    与iframe进行跨域交互是前端开发中常见的场景,但是由于同源策略的限制,直接使用JavaScript操作跨域iframe是不被允许的。那么,如何解决这一问题呢? 以下是利用postMessage进行与iframe跨域交互的解决方案(推荐): 步骤一:在iframe的源码中添加监听器 <html> <head> <script&…

    JavaScript 2023年6月11日
    00
  • 简单了解JavaScript中的new Function

    下面是有关JavaScript中的new Function的详细解释和示例: 什么是new Function? new Function是JavaScript语言中的一种特殊语法,它可以使用字符串的形式来动态创建一个函数。 语法格式如下: new Function([param1, param2, …paramN], functionBody) 其中,p…

    JavaScript 2023年5月27日
    00
  • js中function()使用方法

    下面是对于”js中function()使用方法”的完整攻略。 什么是function()? 在javascript中,function()是定义函数的关键字,通俗点说,就是把一些代码块打包起来,然后给它们命名,可以在后面的代码中可以通过这个名字来调用这一块代码。我们通常称这些代码块为函数,而通过函数调用,我们就能够复用这一段代码,并且在不同的场景下使用。 函…

    JavaScript 2023年5月27日
    00
  • 详解JavaScript表单验证(E-mail 验证)

    详解JavaScript表单验证(E-mail 验证) 在实现表单验证时,E-mail 验证是一个必不可少的步骤。在本文中,我们将会介绍如何使用 JavaScript 进行 E-mail 验证,以确保用户输入的 E-mail 地址格式正确。 步骤一:获取用户输入的 E-mail 地址 在 JavaScript 中获取用户输入的 E-mail 地址可以使用 g…

    JavaScript 2023年6月10日
    00
  • CesiumJS源码杂谈之从光到 Uniform

    下面是关于“CesiumJS源码杂谈之从光到Uniform”的完整攻略的详细讲解。 前置知识 在讲解这个话题之前,需要对一些基本的知识有一定的了解。包括:WebGL的基础知识、Shader的基础知识、CesiumJS的基础知识等。 从光开始 在WebGL的渲染过程中,光是非常重要的一个环节。CesiumJS中的光源主要有以下几种: sun:太阳光。 moon…

    JavaScript 2023年6月10日
    00
  • JavaScript常用代码书写规范的超全面总结

    JavaScript常用代码书写规范的超全面总结 为什么需要代码规范 1. 维护代码的难易程度 当代码规范且易读时,修复代码会变得更加容易,维护更加简单。当代码被无序编写、或不符合一定的规范时,理解代码所要运行的语句将会非常困难。 2. 团队开发的重要性 当一组开发者在给定的工程环境下协同工作时,他们需要有一些标准来统一代码。另外,代码规范也需要有一组人来维…

    JavaScript 2023年5月20日
    00
合作推广
合作推广
分享本页
返回顶部