为逻辑非操作符，可以应用于ECMAScript中的任何值

因为球是圆的，所以不论发生什么都有可能，对这点我是深信不疑的，但最近我总是在怀疑，JavaScript也是圆的！

什么是“黑话”

黑话，本指旧时江湖帮会人物的暗语、暗号，往往见于小说，后指流行于某一特殊行业中，非局外人所能了解的语言。而本文涉及到的“黑话”，其实是一些利用语言的特征使用的一些不常见的奇淫技巧，JavaScript的语法是十分简单灵活的，在项目中建议大家遵从ESLint规范编写可维护性的代码，各路神仙们也应该进行自我约束，毕竟“黑话”也并不全是什么好的东西，如果很多话可以直接讲，何必拐弯抹角的去说呢？

“算术”

算术中的位运算已被作者列为禁术，因此希望你在工程中使用位运算时，请确保你有充足的理由使用，并在需要时写好Hack注释。

!与!!

!为逻辑非操作符，可以应用于ECMAScript中的任何值，无论这个值是什么类型，它会被强制转化为一个布尔值变量，再对其值取反。

!!只是单纯的将操作数执行两次逻辑非，它能将任意类型的值转化为相应的布尔值，它包含的步骤为：

假设你需要通过一个布尔型变量表示是否有id值，以下写法推荐你使用最后一种方式来进行转化：

~表示按位取反，~5的运行步骤为：

至于原码、反码、补码原理请看原理篇。

~~它代表双非按位取反运算符，如果你想使用比Math.floor()更快的方法，那就是它了。需要注意，对于正数，它向下取整；对于负数，向上取整；非数字取值为0，它具体的表现形式为：

在变量值前使用+的本意是将变量转换为数字，在一个函数接受数字类型的参数时特别有用：

字符串与数字相加时会将数值默认转为字符串，因此有了一下将数字转为字符串的快捷方法：'' + 1。

& 与 &&

如何你是从类C语言过来的话，请抛弃之前的刻板印象：&可以充当逻辑操作符号。在JavaScript中，&只能进行位运算。

js截取最后一个字符_js截取字符串中的字符_js 截取字符串长度

&，它表示按位与，此运算符需要两个数字并返回一个数字。如果它们不是数字，则会转换为数字。如果执行7 & 3，则会经过以下步骤：

它也可用于基偶数判断：const isOdd = num => !!(num & 1);

&&，表示逻辑与，通常用于if条件判断，可跟你想象的不太一样，&&并不是单纯的返回true或者false，而是依据：

在这里举几个例子：

它们与&和&&使用方法很相似，不同的是它们表示的是逻辑或，因此使用|会进行按位或运算，而||会返回第一个Truthy值。

使用||进行默认值赋值在JavaScript中十分常见，这样可以省略很多不必要的if语句，比如：

==为相等运算符，操作符会先将左右两边的操作数强制转型，转换为相同的操作数，再进行相等性比较。

===为全等运算符，它除了在比较时不会将操作数强制转型，其余相等判断与==一致。

简单而言， ==用于判断值是否相等， ===判断值与类型是否都相等，因此使用全等运算符判断操作数会更准确，新手也在学习JavaScript接收到的前几条Tips就是避免使用相等运算符，真的是这样吗？没错，这样能确保在你不彻底熟悉语言的情况下，尽可能的去避免犯错，但是我们也应该清楚在哪些情况下应该使用相等运算符，规则往往只针对于新手，而对聪明的你来说，最重要的是要清楚自己在做什么。

相等操作符对于不同类型的值，进行的比较如下图所示：

js截取最后一个字符_js 截取字符串长度_js截取字符串中的字符

针对于undefined与null：undefined与null互等，与其余任意对象都不相等，因此在某些lib里，你可能会看到如下写法：

按位异或运算符，对比每一个比特位，当比特位不相同时则返回1，否则返回0。很少人在Web开发中使用此运算符吧，除了传说中的一种场景：交换值。

若要交换a与b的值，如果可以的话推荐你使用：

数值表示法3e9

科学计数法是一种数学术语，将一个数表示为a乘以10的n次方，如光速30万公里每秒，在计算中通常将米做单位，则记为：300000000m/s，而在JavaScript中我们可使用科学计数法 3e9表示。

在这里举几个科学计数法的示例：

以下情况JavaScript会自动将数值转为科学计数法表示：

.5px

通常某些人习惯省略0.开头的数字，常见于数值计算、css属性中，比如0.5px可直接写为.5px，0.2 0.3可写为：.2 .3

0x、0o和0b

在十进制的世界里呆久了，请不要忘记还有其他进制的存在，在计算机中它们是同地位的。JavaScript提供了以下进制的表示方法：

默认情况下，JavaScript 内部会自动将八进制、十六进制、二进制转为十进制再进行运算。从十进制转其他进制请查阅toString方法，从其他进制转十进制请查阅parseInt方法，从其他进制转其他进制请先转为十进制再转为其他方法。

“话术”Array.prototype.sort

Array.prototype.sort()默认根据字符串的Unicode编码进行排序，具体算法取决于实现的浏览器，在v8引擎中，若数组长度小于10则使用从插入排序，大于10使用的是快排。

而sort支持传入一个compareFunction(a, b)的参数，其中a、b为数组中进行比较的两个非空对象(所有空对象将会排在数组的最后)，具体比较规则为：

因此利用sort即可写一个打乱数组的方法：

apply接收数组类型的参数来调用函数，而concat接收字符串或数组的多个参数，因此可使用此技巧将二维数组直接展平：

js截取最后一个字符_js 截取字符串长度_js截取字符串中的字符

对上述方法中的Array.prototype.concat.apply([], target)亦可以写成：[].concat(...target)。

Array.prototype.push.apply

在es5中，若想要对数组进行拼接操作，我们习惯于使用数组中的concat方法：

js 截取字符串长度_js截取字符串中的字符_js截取最后一个字符

它通常用于返回数组的长度，但是也是一个包含有复杂行为的属性，首先需要说明的是，它并不是用于统计数组中元素的数量，而是代表数组中最高索引的值：

Object.prototype.toString.call

每个对象都有一个toString()，用于将对象以字符串方式引用时自动调用，如果此方法未被覆盖，toString则会返回[object type]，因此Object.prototype.toString.call只是为了调用原生对象上未被覆盖的方法，call将作用域指向需要判断的对象，这样一来就可以通过原生的toString方法打印对象的类型字符串：Object.prototype.toString.call([]) => "[object Array]" ，利用这个特性，可以较为精确的实现类型判断。

在ES3中，获取到的type为内部属性[[Class]]属性，它可以用来判断一个原生属性属于哪一种内置的值；在ES5中新增了两条规则：若this值为null、undefined分别返回：[object Null]、[object Undefined]；在ES6中不存在[[Class]]了，取而代之的是一种内部属性：[[NativeBrand]]，它是一种标记值，用于区分原生对象的属性，具体的判断规则为：

<pre class="prettyprint linenums prettyprinted" style="box-sizing: border-box;padding-top: 8px;padding-bottom: 6px;background: rgb(241, 239, 238);border-radius: 0px;overflow-y: auto;color: rgb(80, 97, 109);text-align: start;font-size: 10px;line-height: 12px;font-family: consolas, menlo, courier, monospace, 'Microsoft Yahei'!important;border-width: 1px !important;border-style: solid !important;border-color: rgb(226, 226, 226) !important;"><p>19.1.3.6Object.prototype.toString ( )
When the toString method is called, the following steps are taken:

If the this value is undefined, return "[object Undefined]".
If the this value is null, return "[object Null]".
Let O be ! ToObject(this value).
Let isArray be ? IsArray(O).
If isArray is true, let builtinTag be "Array".
Else if O is a String exotic object, let builtinTag be "String".
Else if O has a [[ParameterMap]] internal slot, let builtinTag be "Arguments".
Else if O has a [[Call]] internal method, let builtinTag be "Function".
Else if O has an [[ErrorData]] internal slot, let builtinTag be "Error".
Else if O has a [[BooleanData]] internal slot, let builtinTag be "Boolean".
Else if O has a [[NumberData]] internal slot, let builtinTag be "Number".
Else if O has a [[DateValue]] internal slot, let builtinTag be "Date".
Else if O has a [[RegExpMatcher]] internal slot, let builtinTag be "RegExp".
Else, let builtinTag be "Object".
Let tag be ? Get(O, @@toStringTag).
If Type(tag) is not String, set tag to builtinTag.
Return the string-concatenation of "[object ", tag, and "]".
This function is the %ObjProto_toString% intrinsic object.

NOTE
Historically, this function was occasionally used to access the String value of the [[Class]] internal slot that was used in previous editions of this specification as a nominal type tag for various built-in objects. The above definition of toString preserves compatibility for legacy code that uses toString as a test for those specific kinds of built-in objects. It does not provide a reliable type testing mechanism for other kinds of built-in or program defined objects. In addition, programs can use @@toStringTag in ways that will invalidate the reliability of such legacy type tests.
</pre></p>
Object.create(null)

用于创建无“副作用”的对象，也就是说，它创建的是一个空对象，不包含原型链与其他属性。若使用const map = {}创建出来的对象相当于Object.create(Object.prototype)js 截取字符串长度，它继承了对象的原型链。

JSON.parse(JSON.stringify(Obj))

很常用的一种深拷贝对象的方式，将对象进行JSON字符串格式化再进行解析，即可获得一个新的对象，要注意它的性能不是特别好，而且无法处理闭环的引用，比如：

这样通过JSON解析的方式其实性能并不高，若对象可通过浅拷贝复制请一定使用浅拷贝的方式，不管你使用{...obj}还是Object.assign({}, obj)的方式，而如果对性能有要求的情况下，请不要再造轮子了，直接使用npm:clone这个包或是别的吧。

“理论”Truthy与Falsy

对每一个类型的值来讲，它每一个对象都有一个布尔型的值，Falsy表示在Boolean对象中表现为false的值，在条件判断与循环中，JavaScript会将任意类型强制转化为Boolean对象。以下这些对象在遇到if语句时都表现为Falsy：

原码, 反码, 补码

在JavaScript进行位运算时，采用32位有符号整型，即数字5有以下表示方式：

而数字-5的表示方式为：

综上所述，有以下规律：

那么它们到底有什么用呢？其实位运算就是用计算机底层电路所有运算的基础，为了让计算机的运算更加简单，而不用去辨别符号位，所有值都采用加法运算，因此，人们设计了原码，通过符号位来标识数字的正负：

参考资料

https://dmitripavlutin.com/the-magic-behind-array-length-property/https://stackoverflow.com/questions/7310109/whats-the-difference-between-and-in-javascript

<pre style="letter-spacing: 0.544px;"><p style="letter-spacing: 0.544px;white-space: normal;font-family: 微软雅黑;font-size: 16px;text-align: center;widows: 1;caret-color: rgb(51, 51, 51);color: rgb(63, 63, 63);">本文对你有帮助？请分享给更多人!
关注「前端速报」，提升前端技能!
js截取最后一个字符_js 截取字符串长度_js截取字符串中的字符

<p style="letter-spacing: 0.544px;word-spacing: 2px;text-align: right;">我知道你 “在看” [1]: /usr/uploads/images/2023/03/21/1679410865413_0.png [2]: /usr/uploads/images/2023/03/21/1679410865413_1.jpg [3]: /usr/uploads/images/2023/03/21/1679410865413_4.png [4]: /usr/uploads/images/2023/03/21/1679410865413_5.png [5]: /usr/uploads/images/2023/03/21/1679410865413_6.jpg [6]: /usr/uploads/images/2023/03/21/1679410865413_7.jpg

文章由官网发布，如若转载，请注明出处：https://www.veimoz.com/1717

字符串函数对象数组 js 截取字符串长度 js截取字符串中的字符 js截取最后一个字符

0 评论

562

发表评论

取消回复

您必须登录或注册发表评论

相关推荐

javascript对象的创建和访问实现方法使用关联数组访问对象

阮一峰1.:数组的类型对象的方法与方法

JavaScript数组的三个并不那么常见的功能数组功能

js字符串截取 slice STM32的维修方法及处理方法

非常有用的单行代码（20+）：切换布尔布尔布尔值

随机推荐

comment_form() 在 WordPress 中添加评论表单的步骤
JS复合防水涂料防水施工方案-上海晴天JS防水涂料防水
从 JavaScript 到 TypeScript 的迁移指南与实战
Laravel8引入Jetstream+Vue框架前端组件技术栈开发教程
js中几种遍历对象的方法，包括for.of、for

小灯泡设计

形式在改初心不变

热门主题关于我们

热门文章

自媒体博客Spimes主题34w 阅读
Spimes主题专为博客、自媒体、资讯类的网站设计....
vCard主题个人简历主题13w 阅读
一款个人简历主题，可以简单搭建一下，具体也比较简单....
Splity博客双栏主题11w 阅读
仿制主题，Typecho博客主题，昼夜双版设计，可....
Spzac个人资讯下载类主题11w 阅读
用于作品展示、资源下载，行业垂直性网站、个人博客，....

热评文章

自媒体博客Spimes主题418 评论
Splity博客双栏主题187 评论
Spzac个人资讯下载类主题89 评论
Splinx博客图片主题35 评论
Spzhi知识付费社区主题34 评论
三栏清新博客S_blog主题30 评论
vCard主题个人简历主题29 评论
Pure轻简主题28 评论

最新评论

尘集杂货铺和官网1t5-cn

11月11日
[已回复]

希望主题和播放器能支持SQLite数据库，AI能多个讯飞星火

54447454

10月31日
[已回复]

能重复在发一下吗，无法下载了

xdp

10月22日

有没有适合大量图表的数据科学主题。。。虽然echarts也能凑合用。：滑稽：

ywzjk

10月20日

：喜欢：：喜欢：：喜欢：：喜欢：

ab

10月19日

楼主用的什么后台