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

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 引用类型之原始值包装类型String

    JavaScript 引用类型之原始值包装类型String,是针对字符串类型的一种特殊的对象类型。在使用字符串时,我们通常会用到String对象,包括字符串的一些常见操作和属性。 创建String对象 我们可以使用字符串字面量或String()构造函数来创建一个字符串对象。下面是两个创建字符串对象的示例: let str1 = "hello wor…

    JavaScript 2023年5月19日
    00
  • js定时调用方法成功后并停止调用示例

    实现js定时调用方法成功后并停止调用有多种方法,以下是两个示例说明: 示例一:使用setTimeout和clearTimeout方法 使用setTimeout方法来调用要执行的方法。即使要调用的方法本身没有延时,也要在setTimeout方法中设置一个很小的延时,以便能够使用clearTimeout方法在需要时停止调用。 var timerId = setT…

    JavaScript 2023年5月27日
    00
  • JavaScript 实现HTML DOM增删改查操作的常见方法详解

    JavaScript 实现HTML DOM增删改查操作的常见方法详解 1. DOM简介 DOM全称“Document Object Model”,中文翻译为文档对象模型,是一种对文档结构化的方式表达,即将文档中的每一个元素都抽象成为一个对象,便于JavaScript等脚本语言进行操作。 DOM是Web页面的编程接口,可以使用JavaScript、VBScri…

    JavaScript 2023年6月10日
    00
  • Easyui form combobox省市区三级联动

    Easyui form combobox省市区三级联动可以帮助用户快速选择省市区的信息,提供了良好的用户体验。下面我们来详细讲解该功能的完整攻略。 实现步骤 第一步:引入EasyUI资源文件和jQuery库文件 <link rel="stylesheet" type="text/css" href="h…

    JavaScript 2023年6月11日
    00
  • vue项目创建步骤及路由router

    当创建一个Vue项目时,需要使用Vue CLI工具。Vue CLI是一个标准化的、快速开发Vue.js应用程序的工具,具有零配置的现代Web开发工具。 以下是Vue项目创建步骤: 步骤一:安装Vue CLI 首先,需要安装Vue CLI。可以使用npm进行安装,命令如下: npm install -g @vue/cli 步骤二:创建Vue项目 使用Vue C…

    JavaScript 2023年6月11日
    00
  • javascript数组常用方法汇总

    JavaScript数组常用方法汇总 本文介绍了JavaScript中数组常用的方法,包括:push、pop、shift、unshift、concat、slice、splice、indexOf、lastIndexOf、join、toString、reverse、sort、filter、map、reduce。以下是每个方法的详细说明: push push()方…

    JavaScript 2023年5月27日
    00
  • Qt编写地图之实现跨平台功能

    Qt编写地图之实现跨平台功能 介绍 Qt是一个跨平台的C++图形界面应用程序开发框架,广泛应用于计算机图形学、人机交互、科学计算和数据可视化等领域。本文将介绍如何使用Qt编写一个跨平台的地图应用程序,并实现跨平台功能。 准备工作 在开始本文的实践部分之前,需要先安装Qt环境,可以从官网上下载安装包并按照提示安装,或者使用包管理器安装Qt。 实践部分 步骤一:…

    JavaScript 2023年5月28日
    00
  • javascript 的Document属性和方法集合

    来讲解一下“javascript 的Document属性和方法集合”的完整攻略。 1. Document属性 1.1 title属性 title属性用于获取或修改HTML文档的标题。例如: // 查看当前文档标题 console.log(document.title); // 修改当前文档标题 document.title = "新标题"…

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