JavaScript常常用的api,优雅的代码由此诞生!

1-Array常用api

// --------------------------------------------------------------------------------------

let ages = [32, 33, 16, 40, 33]
//  判断对象是否为数组。
let isArr = Array.isArray(ages)
console.log(isArr, "isArray")

// 	检测数值元素的每个元素是否都符合条件(全部满足)。
let isEvery = ages.every(age => age > 18)
console.log(isEvery, "every") //false

// 检测数组元素中是否有元素符合指定条件(满足其一)。
let isSome = ages.some(age => age > 18)
console.log(isSome, "some") //true

// 搜索数组中的元素,并返回它所在的位置(不存在返回-1)。
let indexOf = ages.indexOf(40)
console.log(indexOf, "indexOf") //3
let findIndex = ages.findIndex(i => i === 41)
console.log(findIndex, "findIndex") //-1

// 返回符合传入测试(函数)条件的数组元素(返回满足条件的第一个元素)。
let isFind = ages.find(i => i > 18)
console.log(isFind, "find") //32

// 判断一个数组是否包含一个指定的值。
let isIncludes = ages.includes(16)
console.log(isIncludes, "includes") //true

// 检测数值元素,并返回符合条件所有元素的数组。
let filterArr = ages.filter(i => i > 18)
console.log(filterArr, "filter") //[32, 33, 40, 33]

// 通过指定函数处理数组的每个元素,并返回处理后的数组。
let mapArr = ages.map(i => i + 1)
console.log(mapArr, "map") //[33, 34, 17, 41, 34]

// 通过给定的对象中创建一个数组(字符串截取成数组,数组去重)。
let fromArr = Array.from("RUNOOB")
console.log(fromArr, "fromArr") // ['R', 'U', 'N', 'O', 'O', 'B']
let fromArr1 = Array.from(new Set(ages))
console.log(fromArr1, "fromArr1") // [32, 33, 16, 40]
let fromArr2 = [...new Set(ages)]
console.log(fromArr2, "fromArr2") // [32, 33, 16, 40]

// 把数组的所有元素组合成一个字符串。
let joinStr = ages.join("")
console.log(joinStr, "joinStr") //3233164033

// 对象:返回数组key;  数组&字符串:返回数组length
let keysArr = Object.keys({ a: "aa", b: "bb" })
console.log(keysArr, "keysArr") //['a', 'b']

// 返回对象的value值
let valuesArr = Object.values({ a: "aa", b: "bb" })
console.log(valuesArr, "valuesArr") //['aa', 'bb']

// 将数组元素计算总和(从左到右)。
let reduceTotal = ages.reduce((total, num) => total + num)
console.log(reduceTotal, "reduceTotal")

// --------------------------------------------------------------------------------------

let num = [5, 6, 7, 8, 9]
// 反转数组的元素顺序。
num.reverse()
console.log(num, "reverse") //[9, 8, 7, 6, 5]

// 对数组的元素进行排序。
num.sort()
console.log(num, "sort") //[5, 6, 7, 8, 9]

// 删除数组的最后一个元素并返回删除的元素。
num.pop()
console.log(num, "pop") //[5, 6, 7, 8]

// 向数组的末尾添加一个或更多元素,并返回新的长度。
num.push(9)
console.log(num, "push") //[5, 6, 7, 8, 5]

// 删除并返回数组的第一个元素。
num.shift()
console.log(num, "shift") //[6, 7, 8, 9]

// 向数组的开头添加一个或更多元素,并返回新的长度。
num.unshift(5)
console.log(num, "unshift") //[5, 6, 7, 8, 9]

// 从数组中添加或删除元素(改变原数组)。
let spliceNum = [5, 6, 7, 8, 9]
let spliceArr = spliceNum.splice(0, 2)
console.log(spliceArr, "spliceArr") //[5, 6]
console.log(spliceNum, "splice") //[7, 8, 9]

// 选取数组的一部分,并返回一个新数组(可用字符串)不改变原数组。
let sliceNum = [5, 6, 7, 8, 9]
let sliceArr = sliceNum.slice(0, 2)
console.log(sliceArr, "sliceArr") //[5, 6]
console.log(sliceNum, "slice") //[5, 6, 7, 8, 9]

// --------------------------------------------------------------------------------------

let arrConcat1 = ["a", "b", "c"]
let arrConcat2 = ["d", "e", "f"]
let arrConcat3 = ["g", "h", "i"]
// 连接两个或更多的数组,并返回结果。
let concat1 = [].concat(arrConcat1, arrConcat2, arrConcat3)
console.log(concat1, "原concat方法")
// 可用解构赋值达到相同效果
let concat2 = [...arrConcat1, ...arrConcat2, ...arrConcat2]
console.log(concat2, "解构赋值方法")

2-String常用api

// -------------------------------------------------------------------------

// 去除字符串两边的空白。
let str = " http://localhost:8080/Array.html ".trim

// 查找找到一个或多个正则表达式的匹配(返回数组)。
let matchStr = str.match(/l/g)
console.log(matchStr, "matchStr") //['l', 'l', 'l

// 复制字符串指定次数,并将它们连接在一起返回。
let repeatStr = str.repeat(2)
console.log(repeatStr, "repeatStr") //http://localhost:8080/Array.htmlhttp://localhost:8080/Array.ht

// 在字符串中查找匹配的子串,并替换与正则表达式匹配的子串。
// let replaceStr = str.replace(/l/g, 9)
let replaceStr = str.replace(8, 9)
console.log(replaceStr, "replaceStr") //http://localhost:9080/Array.ht

// 在字符串中查找匹配的子串,并替换与正则表达式匹配的所有子串。
let replaceAllStr = str.replaceAll(8, 9)
console.log(replaceAllStr, "replaceAllStr") //http://localhost:9090/Array.ht

// 提取字符串的片断,并在新的字符串中返回被提取的部分。
let sliceStr = str.slice(7, 16)
console.log(sliceStr, "sliceStr") //localho

// 把字符串分割为字符串数组。
let splitStr = str.split(":")
console.log(splitStr, "splitStr") //['http', '//localhost', '8080/Array.html

// 查看字符串是否以指定的子字符串开头。
let startsWithStr = str.startsWith("http")
console.log(startsWithStr, "startsWithStr") //tr

// 把字符串转换为小写(toUpperCase转大写)。
let toLowerCase = str.toLowerCase()
console.log(toLowerCase, "toLowerCase") //http://localhost:8080/array.ht

3-Number常用api

// ------------------------------------------------------------------------
let num = 9527.0209
let numStr = "9527.020"

// 解析一个字符串并返回一个整数。
let parseIntNum = parseInt(numStr)
console.log(parseIntNum, "parseInt") //95

// 解析一个字符串并返回一个浮点数。
let parseFloatNum = parseFloat(numStr)
console.log(parseFloatNum, "parseFloat") //9527.02

// 检测指定参数是否为整数。
let isInteger = Number.isInteger(num)
console.log(isInteger, "isInteger") //fal

// 把数字转换为字符串,结果的小数点后有指定位数的数字
let toFixed = num.toFixed(2)
console.log(toFixed, "toFixed") //'9527.0

// 把数字格式化为指定的长度。
let toPrecision = num.toPrecision(4)
console.log(toPrecision, "toPrecision") //95

// 将数字的小数部分去掉,只保留整数部分。
let trunc = Math.trunc(num)
console.log(trunc, "trunc") //95

// 将数字四舍五入。
let round = Math.round(num)
console.log(round, "round") //95

// 1-100随机数。
let random = Math.trunc(Math.random() * 100)
console.log(random, "random")

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值