js的22个数组常用方法,13个字符串常用方法,5个对象常用方法

116 阅读5分钟

数组常用方法

//  22个数组常用方法
​
​
        // length数组长度
        // const arr = [21,3,23,4,2141]
        // console.log(arr.length);   // 5
​
        // concat 合并数组,将两个数组连接成一个数组
        // const array1 = ['a', 'b', 'c'];
        // const array2 = ['d', 'e', 'f'];
        // const array3 = array1.concat(array2);
        // console.log(array3);   // ['a', 'b', 'c', 'd', 'e', 'f']
​
        // every判断数组的每一项是否符合条件,都符合返回true,有一个不符合返回false
        // const arr = [1, 2, 3, 4]
        // const res = arr.every(item => item < 5)
        // console.log(res);   // true
​
        // some, 只要有一项符合条件就返回true
        // const arr = [1, 2, 3, 4]
        // const res = arr.some(item => item > 2)
        // console.log(res);  // true
​
        // filter筛选数组   筛选符合条件的元素,返回一个新的数组
        // const arr = [1, 2, 3, 4]
        // const res = arr.filter(item => item >= 2)
        // console.log(res);    // [2, 3, 4]
​
        // find方法返回符合条件的第一个元素的值
        // const arr = [1, 2, 3, 4]
        // const res = arr.find(item => item >2)
        // console.log(res);   // 3
​
        // findIndex返回符合条件的第一个元素的索引     find返回的是值,findindex返回的是索引
        // const arr = [1, 2, 3, 4]
        // const res = arr.findIndex(item => item > 2)
        // console.log(res);   // 3
​
        // foreach遍历数组,和普通for循环差不多
        // const arr = [1, 2, 3, 4]
        // arr.forEach(item => console.log(item))   // 1 2 3 4
​
        // includes判断数组是否包含特定的值,返回true或者false
        // const arr = [1, 2, 3, 4]
        // const res = arr.includes(2)
        // console.log(res);   // true
​
        // indexOf判断数组是否包含给定元素的第一个索引,有就是索引,没有就是-1
        // const arr = [1, 2, 3, 4]
        // console.log(arr.indexOf(1));   // 0
        // console.log(arr.indexOf(10));   // -1
​
        // Array.isArray()   判断传入的参数是否为数组
        // console.log(Array.isArray(1));    // false
        // console.log(Array.isArray([2]));    // true
​
        // join数组转字符串,传入什么就以什么方式链接
        // const arr = ['小明','小蓝','小鹏','哪吒']
        // const res1 = arr.join(',')
        // const res2 = arr.join('%')
        // console.log(res1);       //  小明,小蓝,小鹏,哪吒
        // console.log(res12);      // 小明%小蓝%小鹏%哪吒
​
        // map遍历数组,返回一个新的数组   里面为一个回调函数,第一个值是数组里面的值,第二个为索引
        // const arr = ['rap', 'jump', 'basketball']
        // const res = arr.map((item,index) => {
        //     return `第${index}个ikun:` + item
        // })
        // console.log(res);     // ['第0个ikun:rap', '第1个ikun:jump', '第2个ikun:basketball']
​
        // pop删除数组的最后一个元素,   没有返回值,直接删除
        // const arr = ['rap', 'jump']
        // arr.pop()
        // console.log(arr);  // ['rap']
​
        // push数组的最后添加元素  直接添加,没有返回值
        // const arr = [1, 2, 3]
        // arr.push(4, 5)
        // console.log(arr);  // [1, 2, 3, 4, 5]
​
        // reverse翻转数组  没有返回值
        // const arr = [1, 2, 3]
        // arr.reverse()
        // console.log(arr);  // [3, 2, 1]
​
        // shift删除第一个元素
        // const arr = [1, 2, 3]
        // arr.shift()
        // console.log(arr);   // [2, 3]
​
        // unshift在数组第一个元素前面添加元素  返回值为数组长度
        // const arr = [1, 2, 3]
        // const res=  arr.unshift(0)
        // console.log(arr);  // [0, 1, 2, 3]
        // console.log(res);  // 4
​
        // unshift第一个元素添加元素
        // const arr = [1, 2, 3]
        // arr.unshift(0)
        // console.log(arr);  //[0, 1, 2, 3]
​
        // slice  两个参数,第一个参数为开始索引,第二个为结束索引  ,第一个值>=第二个值返回空数组
        // const arr = [1, 2, 3, 4, 5, 6, 7, 8]
        // const res = arr.slice(3,5)
        // console.log(arr);  [1, 2, 3, 4, 5, 6, 7, 8]
        // console.log(res);  [4, 5]
​
        // sort 排序数组,
        // const arr = [12, 3, 111, 423, 53, 45]
        // arr.sort()
        // console.log(arr);   // 默认按照第一项排列的[111, 12, 3, 423, 45, 53],需要带入函数
        // arr.sort((a, b) => a - b)
        // console.log(arr);  // [3, 12, 45, 53, 111, 423]  函数返回值a-b为升序
        // arr.sort((a, b) => b - a)
        // console.log(arr);   // [423, 111, 53, 45, 12, 3]  函数返回值b-a为降序
​
        // splice删除数组,两个参数,第一个参数为开始索引,第二个为删除个数,原数组改变,返回值为删除掉的元素
        // const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
        // const res = arr.splice(2,3)
        // console.log(res);  // [3, 4, 5]
        // console.log(arr);  // [1, 2, 6, 7, 8, 9, 10]

字符串常用方法

// 13个字符串常用方法
​
        // length长度
        // const str = '如果哪天我翻笔记查找length的用法,我就可以不用学编程了'
        // console.log(str.length);   // 30
​
        // concat  链接字符串
        // const str1 = '什么'
        // const str2 = '玩意'
        // const res = str1.concat(str2)
        // console.log(res);   // 什么玩意 
​
        // includes  返回布尔值,判断字符串中是否有符合的值
        // const str = '今天天气很不错,我依旧很美丽'
        // const res1 = str.includes('ikun')
        // const res2 = str.includes('美丽')
        // console.log(res1);   // false
        // console.log(res2);  // true
​
        // indexOf 判断字符串中是否有符合条件的值,有就返回索引,没有返回-1
        // const str = '这就是爱~'
        // const res1 = str.indexOf('爱')
        // const res2 = str.indexOf('啥')
        // console.log(res1);  // 3
        // console.log(res2);  // -1
​
        // replace  替换字符串中的值 两个参数(原始值,被替换的值)
        // let str = '该往哪走?'
        // str = str.replace('走','来')
        // console.log(str);  // 该往哪来?
​
        // slice 提取某个字符串的一部分,并返回一个新的字符串,且不会改动原字符串。(开始索引,结束索引]
        // let str = '我一抬头就看见你,那个酒窝'
        // str = str.slice(5,8)
        // console.log(str);  // 看见你
​
        // split 将字符串转换为数组,参数为指定分割器,看字符串中间的分割点
        // let str = '小明 小鹏 小李'
        // str = str.split(' ')
        // console.log(str);  // ['小明', '小鹏', '小李']
​
        // startwith  以什么开头,返回布尔值
        // let str = '有人只能看着地面'
        // const res1 = str.startsWith('有人')
        // const res2 = str.startsWith('哈哈哈')
        // console.log(res1);   // true
        // console.log(res2);    // false
​
        // substring  (开始索引,删除个数)  substr要被抛弃
        // let arr = '我想忘了从前的一切'
        // const res = arr.substring(4)
        // console.log(res);  // 从前的一切
​
        // toLocaleUpperCase  将字符串中的英文变大写
        // let str = 'miss'
        // str = str.toLocaleUpperCase() 
        // console.log(str);  // MISS
​
        // toLocaleLowerCase  将字符串中的英文变小写
        // let str = 'Floor'
        // console.log(str.toLocaleLowerCase()); // floor
​
        // toString 转换为字符串,buffer格式的也可以转换为字符串
        // const a = 1   // number
        // console.log(a.toString());  // string
​
        // trim   去除两端空格
        // let str = '   floor   '
        // console.log(str.trim()); //floor

对象常用方法

// 5个对象常用方法
​
        // assign  浅拷贝
        // const obj = {
        //     name: '猪八戒',
        //     age: 20
        // }
        // let newObj ={}
        // newObj = Object.assign(newObj, obj)
        // console.log(newObj);  // {name: '猪八戒', age: 20}
​
        // Object.keys  返回对象的属性名,格式为数组
        // const obj = {
        //     name: '猪八戒',
        //     age: 20
        // }
        // console.log(Object.keys(obj));  // ['name', 'age']
​
        // Object.values  返回对象的属性值,格式为数组
        // const obj = {
        //     name: '猪八戒',
        //     age: 20
        // }
        // console.log(Object.values(obj));  // ['猪八戒', 20]
​
        // JSON.stringify()  数组转json字符串
        // const obj = {
        //     name: '猪八戒',
        //     age: 20
        // }
        // console.log(JSON.stringify(obj));   // {"name":"猪八戒","age":20}
​
        // JSON.parse()   json字符串转js数组
        // const obj = {
        //     name: '猪八戒',
        //     age: 20
        // }
        // let res = JSON.stringify(obj)
        // console.log(JSON.parse(res));  // {name: '猪八戒', age: 20}