为逻辑非操作符，可以应用于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 评论

361

发表评论

取消回复

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

相关推荐

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

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

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

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

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

随机推荐

“ACE的单线程异步机制”就是解决这个问题的问题
响应式门户Ginto主题
（每日一题）具体内容如下CSSJs以上就是本文
国产狙击步枪发展的起源：CS/LR4狙击步枪和QBU10大口径反器材狙击步枪
给Spzac主题弄了一个付费课程阅读功能

小灯泡设计

形式在改初心不变

热门主题关于我们

热门文章

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

热评文章

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

最新评论

wxjie28

4天前

7.2 全三栏分类页面排版乱，请修改下，可以看下地址 https://www.yvii.cn/category/travel/

wxjie28

4天前

7.2 版本栏目页面乱 https://www.yvii.cn/category/travel/ 其他栏目正常给看下吧

y2k

6天前

大佬，emlog没适配好，导航下拉菜单的nav-has-down没有CSS样式，我把sub-nav的样式拷贝一份重命名为hasdown的，就能用了，另外，代码块不能复制、系统插件也加载不出来(试过躲猫猫和复制代码的插件都不生效)，希望尽快优化下~

zhtzht

4月29日

留言板为什么没办法提交

tony

4月25日

这个是多少积分的啊：问号：