首页 > 其他分享 >浅谈js中的部分方法

浅谈js中的部分方法

时间:2024-10-12 09:50:13浏览次数:3  
标签:返回 console log 元素 js 数组 字符串 方法 浅谈

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。

  push() 向数组末尾添加一个元素

  pop() 从数组末尾移除一个元素

  concat用于连接两个或多个数组

  join()将数组元素连接成一个字符串,并用传入参数进行分割

  slice()用于提取数组中的一部分元素,并返回一个新数组,也不包括结束索引

  shift()方法用于移除数组中的第一个元素并返回被移除的元素

 unshift()方法用于向数组的开头添加一个或多个元素,并返回新的长度。

 reverse() 方法用于颠倒数组中元素的顺序,并返回颠倒后的数组

 sort() 方法用于对数组的元素进行排序,并返回排序后的数组。

 splice() 方法用于向数组中添加或删除元素,并返回被删除的元素组成的数组。它会改变原始数组。splice() 方法接受三个参数:起始索引、要删除的元素个数(可选)、要添加进数组的元素(可选)

 toString() 方法用于将数组转换为字符串,并返回结果。它不会改变原始数组

 valueOf()方法用于返回数组对象的原始值

indexOf()方法用于返回指定元素的下标值 ,lastIndexOf()用于返回最后一次指定元素出现的索引

 forEach() 方法用于对数组中的每个元素执行一次指定的函数。区分map于是否返回新数组

map() 方法用于对数组中的每个元素执行指定的函数,并返回由函数返回值组成的新数组。它不会改变原始数组。

 filter() 方法用于筛选数组中的元素,返回一个由通过筛选的元素组成的新数组。它不会改变原始数组。

 every() 方法用于检查数组中的所有元素是否满足指定条件,如果数组中的每个元素都通过了指定函数的测试,则返回 true,否则返回 false。

 some() 方法用于检测数组中是否有至少一个元素满足测试函数。

标签:返回,console,log,元素,js,数组,字符串,方法,浅谈
From: https://blog.csdn.net/2301_76607771/article/details/142865902

相关文章

  • 浅谈AI人工智能
    初识大模型和Python人工智能定义人工智能(ArtificialIntelligence,AI):用人工的方法,在机器上实现智能人工智能是研究、开发用于模拟、延伸和扩展人的智能理论、方法、技术及应用系统的一门新的技术科学,是计算机科学的一个分支。AI的技术划分机器学习算法机器学习概念是人工智......
  • 蒙特卡罗方法 - 不同的峰值之间的混合挑战篇
    序言蒙特卡罗方法,也称为统计模拟法或统计试验法,是一种以概率统计理论为基础的数值模拟方法。自202020世纪40......
  • 常见的内外网文件传输方法 能进前5强的是这几个!
    内外网文件传输主要解决哪些问题?内外网文件传输是指不同隔离网间的文件传输,有些是隔离了内外两个网络,有些会在内部再隔离出多个子网,比如研发网、生产网、测试网等,也可以叫做红区、绿区等安全区域。隔离网间的文件传输主要解决数据安全、传输效率和兼容性问题。一般来说,医院、银......
  • electron-vite_6js-cookie失效
    我们项目是用了js-cookie,后续集成的时候发现,无法进入首页;经过排查是js-cookie无法使用,可能是electron打包后的项目运行的时候是file:///猜测原因:因为Cookie是与域名相关联的,而file:///协议没有域名,因此Cookie可能无法正常工作。file:///C:/Users/Administrator/AppData/......
  • 基于nodejs+vue基于JAVA的城镇社区服务管理平台[开题+源码+程序+论文]计算机毕业设计
    本系统(程序+源码+数据库+调试部署+开发环境)带文档lw万字以上,文末可获取源码系统程序文件列表开题报告内容研究背景随着信息技术的飞速发展,城镇化进程的加快,社区服务管理面临着前所未有的挑战与机遇。传统的社区服务管理模式存在信息不透明、服务效率低、居民参与度不高等......
  • 基于nodejs+vue基于Java的超市进销存系统[开题+源码+程序+论文]计算机毕业设计
    本系统(程序+源码+数据库+调试部署+开发环境)带文档lw万字以上,文末可获取源码系统程序文件列表开题报告内容研究背景随着信息技术的飞速发展和商业竞争的日益激烈,超市作为零售业的重要组成部分,其管理效率和服务质量直接关系到企业的生存与发展。传统的超市进销存管理往往依......
  • 基于nodejs+vue基于Java的比亚迪汽车大数据评分系统[开题+源码+程序+论文]计算机毕业
    本系统(程序+源码+数据库+调试部署+开发环境)带文档lw万字以上,文末可获取源码系统程序文件列表开题报告内容研究背景随着信息技术的飞速发展,大数据技术在各行各业中的应用日益广泛。汽车行业作为国民经济的重要支柱,其数据规模庞大且复杂。比亚迪作为中国新能源汽车的领军企......
  • 【进阶版】如何实现一个基于 HTML+CSS+JS 的任务进度条
    创建一个动态任务进度条:进阶版实现在现代网页开发中,任务进度条是用户交互中非常重要的组件,它能够直观地展示任务的进展情况。本文将向你展示如何使用HTML、CSS和JavaScript创建一个动态的任务进度条。在这个进阶版本中,用户不仅可以通过点击进度条来更新进度,还可以手动......
  • dp内启用第三方软件方法
    dp内启用第三方软件方法使用代码方法,需要SSH到终端进行:1.下载需要的app,以com.autonavi.amapauto.apk为例cd/data/&&gitclonehttps://github.com/dragonpilot-community/apps.gitapps-bcom.autonavi.amapauto.apk 在sdard内新建文件夹apks文件夹cd/sda......
  • 【有啥问啥】逆向工程(Reverse Engineering,RE):深度解析与技术方法
    逆向工程(ReverseEngineering,RE):深度解析与技术方法引言逆向工程(ReverseEngineering,简称RE),作为现代科技领域中的一项重要技术,其影响力已远远超越了传统的硬件拆解范畴。在软件安全、产品设计优化、知识产权保护,以及教育与研究等多个领域,逆向工程都展现出了其独特的价值和......