P5.js开发之——字符串函数(10)

发表于 2021-12-15 分类于开发， C-前端开发， P5.js 阅读时长 ≈ 1 分钟

一概述

本文介绍操作字符串的几个函数：

join：字符串连接符
match：正则匹配
nf：字符串格式化
split：字符串分隔
trim：删除空白字

二函数说明

No	函数	返回值	作用
1	join(list, separator)	连接后的字符串	将一数组的字符串合成一个字符串
2	match(str, regexp)	搜寻到的字符串数组	返回含有符合表达式的组合的字符串数组
3	matchAll(str, regexp)	搜寻到的二维字符串数组	返回含有符合表达式的组合的二维字符串数组
4	nf(num, [left], [right])	将数字格式化成字符串的辅助函数	格式化后的字符串
5	nfc(num, [right])	格式化后的字符串	该格式化的数字(小数点后的位数)
6	nfp(num, [left], [right])	格式化后的字符串	数字格式化成字符串的辅助函数
7	nfs(num, [left], [right])	格式化后的字符串	将数字格式化成字符串的辅助函数
8	split(value, delim)	字符串数组	一个字符或字符串为分隔号以将另一个字符串拆分成多个部分
9	splitTokens(value, [delim])	字符串数组	将在一个或多个字符（或 “tokens”）所标示的地方拆分一个字符串
10	trim(str)	修剪后的字符串	从一个字符串的前端及后端删除空白字符

三示例

function draw() {
  //join函数
  let array = ['Hello', 'world!'];
  let separator = ' ';
  let message = join(array, separator);
  text(message, 5, 10);

  //match函数
  let string = 'Hello p5js*!';
  let regexp = 'p5js\\*';
  let m = match(string, regexp);
  text(m, 5, 25);

  //nf函数
  let num1 = 321.123;
  text(nf(num1, 4, 2), 5, 40);

  //split
  let names = 'Pat,Xio,Alex';
  let splitString = split(names, ',');
  text(splitString[0], 5, 55);
  text(splitString[1], 5, 70);
  text(splitString[2], 5, 85);

  //trim
  let stringTrim = trim('  No new lines\n   ');
  text(stringTrim + ' here', 5, 100);

}

四参考

P5.js参考文献

0%