前端常用js方法

最新推荐文章于 2024-09-06 22:20:29 发布

这个少年不太冷kk

最新推荐文章于 2024-09-06 22:20:29 发布

阅读量94

点赞数 3

文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/m0_62712357/article/details/140848968

版权

前端开发过程中经常需要用到一些js方法这里汇总一下

1.取一个对象的键和值 values[key]

let arr = {lablenname: 'KEY', value: '值'}
arr[arr.lablenname] = arr.value
console.log(arr) // {lablenname: "KEY", value: "值", KEY: "值"}

let arr = {KEY: '值'}
for (const key in arr) {
  arr.lablenname = key
  arr.value = arr[key]
}
console.log(arr) // {KEY: "值", lablenname: "KEY", value: "值"}

2.字符串截取 substring

let str = '123456'
console.log(str.substring(0, str.length - 1)) // '12345'
console.log(str.substring(1, 3))              // '23'

3.删除数组里的某一项 splice

let list = [1,2,3,4,5,6,7]
list.splice(2, 1) // 从第三个开始 删除一个
console.log(list) // [1, 2, 4, 5, 6, 7]

4.判断字符串里面是否包含某个字符 indexOf lastIndexOf

let str = '23'
console.log(str.indexOf('3')) // 1
let str2 = '234563435'
console.log(str2.lastIndexOf('3')) // 7

5.判断数组/字符串里面是否包含某个字符

let list = ['aa', 'bb', 'cc']
console.log(list.includes('aa'))  //  true

6.字符串分割成数组 split

let str = '1,2,3'
console.log(str.split(','))  // ["1", "2", "3"]

7.数组拼接成字符串 join

let list = ['1', '2', '3']
console.log(list.join(',')) // '1,2,3'

8.过滤函数 filter

let list = [{name:'张三'}, {name:'李四'}, {name: '王五'}]
let items = list.filter(item => item.name === '张三')
console.log(items) // [{name:'张三'}]

9.查找函数 some

let list = [{name:'张三'}, {name:'李四'}, {name: '王五'}]
let hasresult = list.some(item => item.name === '张三')
console.log(hasresult)  // true

10.查找元素在数组里面的下标 findIndex

let list = [{name:'张三'}, {name:'李四'}, {name: '王五'}]
let index = list.findIndex(item => item.name === '李四')
console.log(index) // 1

11.数组递归

trankeyList(arr) {
  return arr.map((item, index) => {
    let arr = {}
    arr.label = item.name
    arr.value = item.code
    // 如果当前对象有children数组，则递归处理
    if (item.children && item.children.length) {
      arr.children = this.trankeyList(item.children);
    }
    return arr;
  })
},

12.深拷贝 JSON.parse(JSON.stringify(list))