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

【JS】常用js方法

1、判断是否是数组、字符串等方法

a instanceof b

a是你需要判断的数据

b是判断的类型

//直接判断原型
var a = [1,5,8]
var b = '123456'console.log(a instanceof Array)//true
console.log(a instanceof String)//falseconsole.log(b instanceof String)//true

2、分割字符串

a.split(str,num)

a就是需要分割的字符串

str是分隔符,默认是空

num分割的次数

var a ='api/Getuser'
var b = a.split("/");console.log(b)//['api','Getuser']

3、替换指定字符串

a.replace(old,new)

a就是所替换的字符串所在

old是需要替换的字符串(旧字符串)

new替换成的字符串(新字符串)

var a ='{{url}}/api/GetList'
var b = a.split('/')//先分割字符串
console.log(b) //['{{url}}','api','GetList']//第一种方法--变量
var c = a.replace(b[0],'http://198.4.100:8090');
//第二种--字符串
var c = a.replace(/{{url}}/,'http://198.4.100:8090');console.log(c) //'http://198.4.100:8090/api/GetList'

4、数组排序

在表格中进行多选,多选后的数据顺序是根据自己选择的顺序进行排序的。我的需求是把多选后的数据根据id从小到大进行重新排序。

get () {this.numbers = [{ id: 1, zu: '王小虎1', state: 1, },{ id: 4, zu: '王小虎2', state: 1 },{ id: 3, zu: '王小虎3', state: 1 },{ id: 2, zu: '王小虎4', state: 1 },]var compare = function (prop) {return function (obj1, obj2) {var val1 = obj1[prop];var val2 = obj2[prop];if (!isNaN(Number(val1)) && !isNaN(Number(val2))) {val1 = Number(val1);val2 = Number(val2);}if (val1 < val2) {return -1;} else if (val1 > val2) {return 1;} else {return 0;}}}this.numbers.sort(compare('id'))console.log(this.numbers.sort(compare('id')));}

根据name进行排序(字符串),则是按照abc顺序排序

get () {var arr = [{ name: "zlw", age: 24 }, { name: "wlz", age: 25 }];var compare = function (obj1, obj2) {var val1 = obj1.name;var val2 = obj2.name;if (val1 < val2) {return -1;} else if (val1 > val2) {return 1;} else {return 0;}}console.log(arr.sort(compare));}

5、中文文字均等换行,也就是上下文字尽量一致

文字均等换行的意思就是,如果有10个字就上下显示5个字展示,8个字就上下4个字展示,尽量让两行文字显示相同

我使用的是先获取字符串的长度,然后除以2,看是否除得尽,除得尽就在哪换行,除不尽则加1然后换行

huanhang(_str) {var str = _str,result = "";// 判断字符串长度多少后除以2,除后有小数点就加1换行,没有则直接换行var rep = /[\.]/;if (str.length > 5) {//低于5个字就不换行let a = (str.length / 2)if (rep.test(a)) {var n = parseInt(str.length / 2) + 1; //指定第n位换行} else {var n = parseInt(str.length / 2); //指定第n位换行}for (var i = 0, len = str.length; i < len; i++) {result += str[i];if ((i + 1) % n == 0)result += "\r\n";}return result;} else {return str}},

使用:

<text>{{huanhang(SceneData.Title1)}}</text>

http://www.lryc.cn/news/41418.html

相关文章:

  • Android---动态权限申请
  • 【Linux】环境变量(基本概念 常见环境变量 测试PATH 环境变量相关命令)
  • 安全牛+瑞数信息:《数据安全管控平台应用指南》报告共同发布
  • 【洛谷刷题】蓝桥杯专题突破-深度优先搜索-dfs(6)
  • 论文解读TCPN
  • 性能优化之防抖与节流
  • 数组模拟单链表
  • 蓝桥杯刷题第十四天
  • 面试了8家软件公司测试岗位,面试题大盘点,我真的尽力了
  • Activiti 工作流简介
  • 【华为机试真题详解 Python实现】统计差异值大于相似值二元组个数【2023 Q1 | 100分】
  • 【C++】Google编码风格学习
  • JavaScript 中的Promise 函数
  • 学校教的Python,找工作没企业要,太崩溃了【大四真实求职经历】
  • 快看!这只猫两次登上 Github Trending !!!
  • Linux->文件系统初识
  • InfluxDB和IotDB介绍与性能对比
  • 计算机体系结构(校验码+总线)
  • JavaWeb《三》Request请求转发与Response响应
  • 断言assert
  • 【Java项目】完善基于Java+MySQL+Tomcat+maven+Servlet的博客系统
  • 详解结构体内存对齐
  • 指针:程序员的望远镜
  • 【python实现学生选课系统】
  • 备受青睐的4D毫米波成像雷达,何以助力高阶自动驾驶落地?
  • 3.20算法题(一) LeetCode 合并两个有序数组
  • QT | 编写一个简单的上位机
  • DirectX12(D3D12)基础教程(二十一)—— PBR:IBL 的数学原理(2/5)
  • 嵌入式学习笔记——SysTick(系统滴答)
  • Linux实操之服务管理