浅谈js中的部分方法

最新推荐文章于 2024-11-13 15:29:17 发布

超绝前端乱学小白

最新推荐文章于 2024-11-13 15:29:17 发布

阅读量815

点赞数 23

分类专栏： JavaScript 文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/2301_76607771/article/details/142865902

版权

JavaScript 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

hello！大家好，我是一名正在乱学前端技术的大学生，欢迎大家关注我，一起探讨前端技术，如有讲错的地方麻烦提出指正。

  let str1 = " hello " //注：头尾有一个空格
  console.log(str1.charAt(1)) // h ，charAt 返回字符串下标字符
  console.log(str1.replace('el', 'a')) // halo ，replace 替换指定字符
  console.log(str1.replaceAll('l', 'e'))// heeeo, replace只能替换第一个匹配，replaceAll可以替换所有匹配，ES2021引入
  console.log(str1.charCodeAt(1))  //101，charCodeAt检索字符串中特定位置的字符的ASCII码值(Unicode值)
  console.log(str1.includes('ell')) //true includes判断是否包含某段字符串
  console.log(str1.toUpperCase()) // HELLO , touppercase将字符串转为大写
  console.log(str1.toUpperCase().toLowerCase())// hello , toLowerCase将字符串转为小写
  console.log(str1.trim())//hello, trim去除字符串两端的空格
  console.log(str1.trimStart())//hello ,trimStart去除字符串头部的空格，ES2019新增
  console.log(str1.trimEnd())// hello, trimEnd去除字符串尾部的空格，ES2019新增
  console.log(str1.substring(2, 4))//el,substring(startIndex, endIndex)：提取字符串的子串，从 startIndex 开始到 endIndex（不包括）结束
  console.log(str1.search('hel'))//1, search() 方法用于在字符串中搜索指定的子字符串或正则表达式，并返回第一个匹配的索引位置。如果找到匹配，则返回匹配的第一个字符的索引位置；如果没有找到匹配，则返回 -1。

  let arr1 = [1, 2, 3]
  let arr2 = [4, 5, 6]
  let arr3 = ['a', 'b', 'c']
  let sum = 0
  let arr4 = []
  arr1.push(4)      //push 向数组末尾添加一个元素
  console.log(arr1) //[1,2,3,4]
  arr1.pop()        //pop 从数组末尾移除一个元素
  console.log(arr1) //[1,2,3]
  console.log(arr1.concat(arr2, arr3)) //[1,2,3,4,5,6,a,b,c], concat用于连接两个或多个数组
  console.log(arr3.join(','))  //a,b,c join将数组元素连接成一个字符串，并用传入参数进行分割
  console.log(arr3.slice(1, 2)) //['b'] slice用于提取数组中的一部分元素，并返回一个新数组，也不包括结束索引
  console.log(arr3.shift(), arr3) //a ,['b','c'], shift()方法用于移除数组中的第一个元素并返回被移除的元素
  console.log(arr3.unshift('d'), arr3)//3,['d','b','c'], unshift()方法用于向数组的开头添加一个或多个元素，并返回新的长度。
  console.log(arr3.reverse()) //['c','b','d']  reverse() 方法用于颠倒数组中元素的顺序，并返回颠倒后的数组
  console.log(arr3.sort()) //['b','c','d'] sort() 方法用于对数组的元素进行排序，并返回排序后的数组。
  console.log(arr3.splice(0, 2, 'e', 'f', 'g'), arr3)// ['b','c'],['e','f','g','d']  splice() 方法用于向数组中添加或删除元素，并返回被删除的元素组成的数组。它会改变原始数组。splice() 方法接受三个参数：起始索引、要删除的元素个数（可选）、要添加进数组的元素（可选）
  console.log(arr3.toString())//e,f,g,d toString() 方法用于将数组转换为字符串，并返回结果。它不会改变原始数组
  console.log(arr3.valueOf()) //['e','f','g','d']  valueOf()方法用于返回数组对象的原始值
  console.log(arr3.indexOf('f')) //1, indexOf()方法用于返回指定元素的下标值 ，lastIndexOf()用于返回最后一次指定元素出现的索引
  arr1.forEach(item => sum += item)
  console.log(sum) //6 ,forEach() 方法用于对数组中的每个元素执行一次指定的函数。区分map于是否返回新数组
  arr4 = arr1.map(item => item * 3)
  console.log(arr4)// [3,6,9] ,map() 方法用于对数组中的每个元素执行指定的函数，并返回由函数返回值组成的新数组。它不会改变原始数组。
  console.log(arr4.filter(item => item > 5)) //[6,9],  filter() 方法用于筛选数组中的元素，返回一个由通过筛选的元素组成的新数组。它不会改变原始数组。
  console.log(arr4.every(item => item >= 3)) //true, every() 方法用于检查数组中的所有元素是否满足指定条件，如果数组中的每个元素都通过了指定函数的测试，则返回 true，否则返回 false。
  console.log(arr4.some(item => item > 7))//true,  some() 方法用于检测数组中是否有至少一个元素满足测试函数。

charAt()返回字符串下标字符

replace() 替换指定字符

replace()只能替换第一个匹配，replaceAll()可以替换所有匹配，ES2021引入

console.log(str1.charCodeAt(1)) //101，charCodeAt检索字符串中特定位置的字符的ASCII码值(Unicode值)

includes判断是否包含某段字符串

touppercase()将字符串转为大写

toLowerCase()将字符串转为小写

trim()去除字符串两端的空格

trimStart()去除字符串头部的空格，ES2019新增

trimEnd()去除字符串尾部的空格，ES2019新增

substring(startIndex, endIndex)：提取字符串的子串，从 startIndex 开始到 endIndex（不包括）结束

search() 方法用于在字符串中搜索指定的子字符串或正则表达式，并返回第一个匹配的索引位置。如果找到匹配，则返回匹配的第一个字符的索引位置；如果没有找到匹配，则返回 -1。