js数组对象等使用方法,防忘记!

js数组对象等使用方法,防忘记!Array 1 concat 合并多个数组 原数组不变 返回新的数组 也可用于字符串 const a 1 2 3 const b 4 5 6 const c a concat b console log c 1

大家好,我是讯享网,很高兴认识大家。

Array:

1. concat()
合并多个数组,原数组不变,返回新的数组,也可用于字符串

const a = [1, 2, 3] const b = [4, 5, 6] const c = a.concat(b) console.log(c) // [1, 2, 3, 4, 5] 

讯享网

2. join()
把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔

讯享网const arr = ["苹果","桃子","西瓜"]; console.log(arr.join('、')); // 苹果、桃子、西瓜 

3.push()
向数组的末尾添加一个或更多元素,并返回新的长度,改变原数组。

const a = [1, 2, 3] const b = a.push(4, 5) console.log(b) // 5 (返回的是数组的length) console.log(a) // [1, 2, 3, 4, 5] 

4.unshift()
向数组的开头添加一个或更多元素,并返回新的长度,改变原数组。

讯享网const a = [1, 2, 3] const b = a.unshift(0) console.log(b) // 4 (返回的是数组的length) console.log(a) // [0, 1, 2, 3] 

5.shift()
把数组的第一个元素从其中删除,并返回第一个元素的值,改变原数组。

const a = [1, 2, 3] const b = a.shift() console.log(b) // 1 console.log(a) // [2, 3] 

6.sort()
对数组元素进行排序,改变原数组。

讯享网const arr = [5, 3, 4, 1, 2, 2] console.log(arr.sotr()) // [1, 2, 2, 3, 4, 5] 

7.reverse()
颠倒数组中元素的顺序,改变原数组。

const arr = [1, 2, 3, 4, 5] console.log(arr.reverse()) // [5, 4, 3, 2, 1] 

8.pop()
删除并返回数组的最后一个元素,改变原数组

讯享网const a = [1, 2, 3] const b = a.pop() console.log(b) // 3 console.log(a) [1, 2] 

9.slice(start, end)
用于提取原来数组的一部分,会返回一个提取的新数组,原数组不,不包括end。

const arr = [0, 1, 2, 3, 4, 5] console.log(arr.slice(1,3)) // [1, 2] 

10.splice(t, v, s)
用于删除原数组的一部分,并且可以在删除的位置添加新的数组成员,返回值是被删除的数组元素, 改变原数组。t:被删除元素的起始位置;v:被删除元素个数;s:s以及后面的元素为**入的新元素

讯享网const a = [0, 1, 2, 3, 4, 5, 6] const b = a.splice(3, 3, 'new') console.log(b) // [3, 4, 5] console.log(a) // [0, 1, 2, 'new', 6] 

11.toString()
把数组转换为字符串,并返回结果

const arr = ['one', 'two', 'three'] console.log(arr.toString()) // one,two,three 

12.map()
依次遍历数组成员,根据遍历结果返回一个新数组。

讯享网const arr = [1, 2, 3, 4, 5] console.log(arr.map(item=>item*2)) // [2, 4, 6, 8, 10] 

13.forEach()
跟map方法类似,遍历数组,区别是无返回值。

const arr = [1, 2, 3, 4, 5] arr.forEach((item,index)=>{ 
    console.log(item) // 1  // 2 // ...  }) 

14.for in()
跟map方法类似,遍历对象或者数组。
但是for in循环返回的值都是数据结构的键值名。遍历对象返回的对象的key值,遍历数组返回的数组的下标(key)。

讯享网// 对象 返回键值 const obj = { 
   a: 1, b: 2, c: 3 } for (let i in obj) { 
    console.log(i) // a // b // c } //数组 返回下标 const arr = [1, 2, 3] for(let i in arr) { 
    console.log(i) // 0 // 1 // 2 } 

15.filter()
它用于把Array的不符合条件的元素过滤掉,然后返回结果为true的元素,不会改变原数组。

const arr = [1, 2, 3, 4, 5] console.log(arr.filter(item => item>2)) // [3, 4, 5] 

16.indexOf()
返回元素在数组中的第一次出现的位置的下标,如果没有则返回-1。


讯享网

讯享网const arr = [1, 1, 2, 3] console.log(arr.indexOf(1)) // 0 console.log(arr.indexOf(5)) // -1 

17.lastIndexOf()
返回元素在数组中最后一次出现的位置,没有返回-1。

const arr = [1, 1, 2, 1, 3] console.log(arr.indexOf(1)) // 3 console.log(arr.indexOf(5)) // -1 

18.flatten()
简写为flat(),接收一个数组,无论这个数组里嵌套了多少个数组,flatten最后都会把其变成一个一维数组(扁平化)

讯享网const a = [[1,2,3],[4,5,[6,7]]]; const b = a.flatten(3); console.log(b); // [1, 2, 3, 4, 5, 6, 7] 

19.new Set()
数组去重

const arr = [1, 2, 2, 3, 3, 4, 5] console.log(new Set(arr)) // {1, 2, 3, 4, 5} const a = Array.from(new Set(arr)) // [1, 2, 3, 4, 5] 

20.find()
返回符合条件的数组元素。

讯享网const arr = [1, 2, 3, 4, 5] const a = test.find(item => item > 2) console.log(a) // 3 (返回通过测试的第一个元素的值。) const b = test.find(item => item == -10) console.log(b) //undefined(如果没有符合条件的元素返回 undefined) 

21.includes(v,t)
es7新增,返回一个布尔值,表示某个数组是否包含给定的值。
可选第二参数 代表搜索的起始位置,默认为0,负数代表倒数的位置

const arr = [1, 2, 3, 4, 5] console.log(arr.includes(2)) // true console.log(arr.includes(100)) // false 

22.every()
判断数组中每一项是否都满足条件,只有所有项都满足条件,才会返回true。

讯享网const a = [1, 2, 3, 4, 5, 6] const b = a.every(item=>{ 
    return item > 0 }) console.log(b) // true 

23.some()
判断数组中只要任意一项满足条件,就会返回true

const a = [1, 2, 3, 4, 5, 6] const b = a.some(item=>{ 
    return item > 5 }) console.log(b) // true 

24.Array.isArray()
判断是否为数组

讯享网const arr = [1, 2, 3, 4, 5, 6] console.log(Array.isArray(arr)) // true  

String

1.split()
将字符串切割成数组。

const str = 'hello'; console.log(str.split('')) // ["h", "e", "l", "l", "o"] console.log(str.split('', 3)) // ["h", "e", "l"] 

2.replace()
替换匹配的字符串。

讯享网const str = 'hello 王力宏' console.log(str.replace('王力宏', '周杰伦')) // hello 周杰伦 

3.charAt()
返回指定位置的字符。

const str = 'javaScript' console.log(str.charAt(3)) // a 

4.split()
将字符串切割成数组。

讯享网const str = 'Jay'; console.log(str.split()) // ["Jay"] console.log(str.split('', 2)) // ["J", "a"] 

5.toLocaleUpperCase() && toUpperCase()
将字符串转换成大写。

const str = 'jay'; console.log(str.toLocaleUpperCase()) // JAY console.log(str.toUpperCase()) // JAY 

6. .trim()
去除字符串两端的空格

讯享网const str = ' jay '; console.log(str.trim()) // jay(不会改变原数组) 

未完待续…

部分参考结合https://zhuanlan.zhihu.com/p/

小讯
上一篇 2025-03-10 18:19
下一篇 2025-02-05 13:58

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/66802.html