JavaScript 数组的42方法
引言
在前端开发中,数组是一种常见且重要的数据结构。数组提供了许多便捷的方法来操作和处理其中的数据。本文将简单介绍前端中数组42个API,包括添加、删除、截取、合并、转换等操作。
数组方法中,大致可以分为以改变数组本身的,不改变数组本身的(返回一个新的数组),还有就是其他对数组本身功能性作用的方法
改变数组本身的方法
描述
pop()
pop() 方法用于删除并返回数组的最后一个元素
push()
push()方法用于向数组末尾添加一个或多个元素,并返回修改后的数组的新长度
shift()
shift() 方法用于删除并返回数组的第一个元素
unshift()
unshift() 方法用于向数组的开头添加一个或多个元素,并返回修改后的数组的新长度
sort()
sort() 方法用于对数组进行原地排序,会直接修改原始数组,而不会创建新的数组。
reverse()
reverse() 方法用于反转数组中的元素顺序,即将数组元素进行逆序排列
splice()
splice() 方法用于从数组中删除、替换或添加元素,并返回被删除的元素组成的数组
...
分享一些自己常用的js简写技巧,长期更新,会着重挑选一些实用的简写技巧,使自己的代码更简洁优雅~
分享一些自己常用的js简写技巧,长期更新,会着重挑选一些实用的简写技巧,使自己的代码更简洁优雅~
这里只会收集一些大多数人不知道的用法,但是确实能提高自己的编码技巧,像ES6那些基础的简写语法或者是三目运算符代替if else那些我觉得是基础,没必要写在这里浪费精力。
另外推荐一个只用一行代码实现一个方法的实用网站1loc.dev
If-Else 用 || 或 ?? 运算符进行简化
逻辑或操作符||,这里要注意的是0和''也会认为是false
如果||前面的值是0 '' false null undefined NaN其中的任意一种,则直接返回||后面的值
12345678910111213141516171819function(obj){ var a = obj || {}}// 等价于 =>>function(obj){ var a; if( obj === 0 || obj === "" || obj === false || obj === null || ...
13 个实用的 TypeScript 内置方法
TypeScript在类型检查方面非常强大,但有时,当某些类型是其他类型的子集且你又需要为它们定义类型检查时,TypeScript就会变得冗余。
举个例子,假设有两种响应类型:
UserProfileResponse
1234567interface UserProfileResponse { id: number name: string email: string phone: string avatar: string}
LoginResponse
1234interface LoginResponse { id: number name: string}
我们可以为UserProfileResponse定义类型并为LoginResponse选择属性,而不是定义相同上下文LoginResponse和UserProfileResponse的类型。
1type LoginResponse = Pick<UserProfileResponse, "id" | "name">
下面我 ...
