在JavaScript 中怎样正确获取字符串长度

一、在JavaScript 中怎样正确获取字符串长度

1、获取字符串长度在JavaScript中看似简单，仅需使用`string.length`，实则需深思。实际操作中，字符串长度与字符数量可能不符，引发混淆。

2、考虑以下示例，三个字符的字符串输出结果不同，揭示了问题所在。不同语言的处理方式也各有局限。

3、JavaScript使用UTF-16编码，一个常见字符占用16位，不常用字符则需两个单元表示。因此，`string.length`返回的是字符单元数而非字符数量。例如，一个字符在内部可能由两个字节保存，某些特殊字符（如Emoji）甚至占用更多。这导致了`string.length`与实际字符数量的差异。

4、JavaScript设计`string.length`返回字符单元数，是为了提高程序执行效率。针对变长字符串，精确计算字符数量需遍历整个字符串，而计算单元数量只需计算内存分配数量除以单元长度，无需遍历。

5、尝试将字符串拆分为数组，常见的方法如`split`或直接下标操作，可能无法准确处理所有情况。ES6的解构写法和`Array.from`提供了更灵活的解决方案，但仍存在局限，特别是对于某些Emoji字符。

6、查阅MDN文档及相关ES规范，针对多字节字符问题的解决方案并不全面，某些浏览器内部实现可能已处理部分情况。

7、综上，正确获取JavaScript字符串长度需深究其内部编码机制和设计考量。在实际应用中，需对不同情况保持警惕并采取适当策略。本文由面向程序员的Markdown笔记应用Yank Note撰写。

二、length函数用法

length函数是一种常见的计算字符串、数组、列表等数据类型长度的函数。它可以用来计算字符串中字符的数量、数组中元素的数量、列表中元素的数量等。下面我们来详细介绍一下length函数的用法。

1.计算字符串长度：在JavaScript中，可以使用length函数来计算字符串中字符的数量。例如：

在上面的代码中，我们定义了一个字符串变量str，然后使用length函数计算了它的长度，并将结果赋值给变量len。最后，我们使用console.log函数输出了len的值，即字符串的长度。

2.计算数组长度：除了字符串，length函数还可以用来计算数组中元素的数量。例如：

在上面的代码中，我们定义了一个数组变量arr，然后使用length函数计算了它的长度，并将结果赋值给变量len。最后，我们使用console.log函数输出了len的值，即数组的长度。

3.计算列表长度：在Python中，可以使用len函数来计算列表中元素的数量。例如：

在上面的代码中，我们定义了一个列表变量lst，然后使用len函数计算了它的长度，并将结果赋值给变量length。最后，我们使用print函数输出了length的值，即列表的长度。

需要注意的是，length函数只能用于计算字符串、数组、列表等数据类型的长度，不能用于计算数字、布尔值等其他数据类型的长度。此外，在使用length函数时，需要注意数据类型的正确性，否则可能会导致程序出错。

三、JavaScript中var,let与const之间有什么区别

1、 var，let和const的区别在于：var的变量声明在代码执行前且工作范围在当前执行的上下文中，let是允许创建一个变量但只作用在它的块里，const与let什么相似唯一的差别是const定义的变量不可更改

2、本篇文章主要是通过在JavaScript(ES6)中创建变量的方法来介绍var、 let和const之间的区别，具有一定的参考作用，希望对大家有所帮助。

3、var和let之间的主要区别不是使用函数作用域，而是使用块作用域。这意味着使用let关键字创建的变量在创建它的“块”内以及任何嵌套块中都可用。

4、function discountPrices(prices, discount){

5、 for(var i= 0; i< prices.length; i++){

6、 var discountedPrice= prices[i]*(1- discount)

7、 var finalPrice= Math.round(discountedPrice* 100)/ 100

8、} console.log(i)// 3 console.log(discountedPrice)// 150

9、 console.log(finalPrice)// 150

10、}在上面的例子中之所以能够在for循环之外使用i，discountedPrice和finalPrice，是因为它们是用var声明的，而var是函数作用域。如果我们将var换成let会发生什么情况呢？

11、function discountPrices(prices, discount){

12、 for(let i= 0; i< prices.length; i++){

13、 let discountedPrice= prices[i]*(1- discount)

14、 let finalPrice= Math.round(discountedPrice* 100)/ 100

15、 console.log(discountedPrice)// 150

16、 console.log(finalPrice)// 150

17、 discountPrices([100, 200, 300],.5)//这儿会报错i未定义这个案例告诉我们的是，使用let声明的变量是块作用域，而不是函数作用域。因此在“块”之外访问i（或discountedPrice或finalPrice）都会报错

18、下一个区别与变量提升有关。提升的定义是“JavaScript解释器会在所谓的'创建'阶段将变量声明赋值为undefined的默认值。

19、function discountPrices(prices, discount){

20、console.log(discounted)// undefined

21、 for(var i= 0; i< prices.length; i++){

22、 var discountedPrice= prices[i]*(1- discount)

23、 var finalPrice= Math.round(discountedPrice* 100)/ 100

24、 console.log(discountedPrice)// 150

25、 console.log(finalPrice)// 150

26、 return a}如果想要在声明变量之前使用let声明的变量，而不是未定义（如使用var声明的那些变量），程序将会报错

27、function discountPrices(prices, discount){

28、 for(let i= 0; i< prices.length; i++){

29、 let discountedPrice= prices[i]*(1- discount)

30、 let finalPrice= Math.round(discountedPrice* 100)/ 100

31、 console.log(discountedPrice)// 150

32、 console.log(finalPrice)// 150

33、var：变量声明在代码执行之前被处理，它的作用范围在其当前执行的上下文中

34、let：let语句允许我们创建一个变量，其范围仅限于使用它的块里。

35、既然已经理解了var和let之间的区别，那么const呢？事实证明，const与let几乎完全相同。但是唯一的区别是，一旦使用const为变量赋值，就无法将其重新赋值给新值。

36、const handle='tylermcginnis'

37、name='Tyler McGinnis'//正确

38、handle='@tylermcginnis'//错误从上面的内容可以看出用let声明的变量可以重新赋值，但用const声明的变量不能。所以只要你想要一个变量是不可变的，你可以用const声明它。但是用const声明变量并不意味着它是不可变的，只是无法重新赋值，例：

39、 name:'Kim Kardashian'

40、person.name='Kim Kardashian West'//正确

41、person={}//错误因此即使使用const声明对象，也不意味着不能改变其任何属性。它只表示无法将其重新分配给新值