当前位置: 首页 > news >正文

常用数组方法、字符串方法、数组 ↔ 字符串 的转换、TS类型提示 (大全)

一、数组常用方法

1. 遍历和查找

方法功能
forEach()遍历数组,每个元素执行一次函数(无返回值)
map()遍历数组并返回新数组
filter()返回符合条件的新数组
find()返回第一个符合条件的元素
some()有任意一个满足条件返回true
every()所有都满足条件才返回true
reduce()

累加器,适合做累计、合并操作

2、修改原数组

方法功能
push()尾部添加元素,返回新长度
pop()删除尾部元素,返回删除的元素
shift()删除头部元素
unshift()头部添加元素
splice()插入、删除、替换元素
reverse()反转数组顺序
sort()排序(可自定义规则)

3、不改变原数组(返回新数组)

方法功能
slice()截取数组的一部分
concat()合并两个数组
join()数组转字符串(通过指定分隔缝)

二、字符串常用方法

1、查找与判断

方法功能
charAt(index)返回指定位置字符
indexOf(sub)返回子串首次出现位置
includes(sub)判断是否包含子串
startWith()/endsWith()是否以某字符开头/结尾

2、提取子串

方法功能
slice(start,end?)提取部分字符串
substring(start,end)类似slice,但不支持负数
substr(start,length)从指定位置提取固定长度(不推荐)

3、修改

方法功能
replace()替换内容
toLowerCse()/toUpperCase()大小写转换
trim()/trimStart()/trimEnd()去除空格

4、转换

方法功能
split()字符串转数组(通过指定分隔符)
repeat()重复字符串

三、数组↔字符串的转换

1、数组转字符串

const arr = ['apple', 'banana', 'cherry'];
const str = arr.join(', ');
// "apple, banana, cherry"

 join() 默认用逗号 ,,可传入任意分隔符

2、字符串转数组

const str = "apple,banana,cherry";
const arr = str.split(','); 
// ['apple', 'banana', 'cherry']

split() 根据指定分隔符拆分字符串

3、特殊转换示例:字符串每个字符为元素

const s = "hello";
const arr1 = s.split("");      // ['h','e','l','l','o']
const arr2 = Array.from(s);    // ['h','e','l','l','o']
const arr3 = [...s];           // ['h','e','l','l','o']

四、类型提示(TS)

TS能对这些方法提供良好类型推导,比如:

const numbers: number[] = [1, 2, 3];
const doubled = numbers.map(n => n * 2); // 推导为 number[]const str = "abc";
const chars = str.split(""); // 推导为 string[]

五、组合使用示例

eg:将字符串反转

const str = "hello";
const reversed = str.split('').reverse().join('');
console.log(reversed); // "olleh"

相关文章:

  • i++与++i的区别
  • B2B供应链交易平台多商户电商商城系统开发批发采购销售有哪些功能?发展现状如何?
  • 第14篇:数据库中间件的分布式配置与动态路由规则热加载机制
  • 使用 pytdx,`TdxHq_API` 接口下载数据的 AI 编程指引提示词
  • C++17 std::string_view:性能与便捷的完美结合
  • 5g LDPC编译码-LDPC编码
  • 解决启动SpringBoot是报错Command line is too long的问题
  • 玄机 日志分析-Tomcat日志分析 WriteUp
  • ES6从入门到精通:前言
  • Python实现prophet 理论及参数优化
  • postgresql|数据库|只读用户的创建和删除(备忘)
  • Manus 框架与 COKE 框架解析及完整 Demo
  • 从走线到互连:优化高速信号路径设计的快速指南
  • 复发白血病异基因造血干细胞移植后疗效的改进策略
  • 性能监控的核心要点
  • AI书签管理工具开发全记录(二十):打包(完结篇)
  • Oracle 数据库对象管理:表空间与表的操作
  • STL 5 适配器
  • leetcode_35.搜索插入位置
  • Vue 模板语法之指令语法详解
  • 室内设计家装设计/上海排名优化推广工具
  • 制作网站建设策划方案/百度正版下载并安装
  • 大连网站建设讯息/杭州seo网络推广
  • 15年做那个网站致富/宁德市教育局官网
  • 网站幻灯片效果代码/百度收录提交入口地址
  • 深圳专业做网站的公司哪家好/海外推广代理公司