网站首页 > 技术文章 正文
一、数组排序
array数组除了那些复杂的算法排序之外,还有更简便的方法,即sort()
let arr = [12,32,21,56,4]
console.log(arr.sort()); // 输出:[12, 21, 32, 4, 56]
// 由此可见上面方法是根据首字母进行排序的
// 如果想达到数字数值的大小排序需要进行传参
console.log(arr.sort((a,b)=>a-b)); // 输出:[4, 12, 21, 32, 56](正序排序)
console.log(arr.sort((a,b)=>b-a)); // 输出:[56, 32, 21, 12, 4](倒序排序)
二、数组合并
两个数组利用concat()方法进行数组拼接
let arr1 = [1,2,3,4,5],
arr2 = [6,7,8,9,10]
console.log(arr1.concat(arr2)); // 输出:[1,2,3,4,5,6,7,8,9,10]
三、过滤数组
利用()方法循环过滤数组的每一项并返回
let arr = [1,2,3,4,5]
console.log(arr.filter(item => { return item < 4 })); // 输出:[1, 2, 3]
四、数组去重
let arr = [1,1,2,2,3,3,4,4,5,5]
console.log(Array.from(new Set(arr))); // 输出:[1,2,3,4,5]
console.log([...new Set(arr)]); // 输出:[1,2,3,4,5]
五、判断数组中是否有某个值
let arr = [1,2,3,4,5]
console.log(arr.indexOf(3)); // 输出:2
console.log(arr.includes(4)); // 输出:true
console.log(arr.findIndex((item) => item === 3)); // 输出:2
console.log(arr.some(item=>{return item===3 })); // 输出:true
六、数组求和
let arr = [1,2,3,4,5]
console.log(arr.reduce((prev,cur)=>{ return prev+cur; },0)); // 输出:15
七、将对象转成数组
let obj = {
name:'二狗',
age:25,
sex:'男'
}
console.log(Object.keys(obj)); // 输出:['name','age','sex']
console.log(Object.values(obj)); // 输出:['二狗',25,'男']
猜你喜欢
- 2024-11-15 ES6中数组新增的方法-超级好用(es6新增数组方法 set map)
- 2024-11-15 2023-05-16:给你一个 严格升序排列 的正整数数组 arr 和一个整数 k 。
- 2024-11-15 ES6中对数组的扩展(es6数组语法)
- 2024-11-15 uni-app基于vue开发小程序与标准vue开发新增点
- 2024-11-15 JavaScript数组方法-高阶函数hope
- 2024-11-15 vue uni-app 数组的操作方法:filter()、map()、forEach()、unsh...
- 2024-11-15 js判断字符串是否在数组中(js判断字符串包含数字)
- 2024-11-15 15个你应该知道的JavaScript的重要数组方法
- 2024-11-15 碎片时间学编程「316]:提供的函数比较器返回两个数组对称差异
- 2024-11-15 202012-前端开发vue项目代码中的亮点和疑点
- 标签列表
-
- content-disposition (47)
- nth-child (56)
- math.pow (44)
- 原型和原型链 (63)
- canvas mdn (36)
- css @media (49)
- promise mdn (39)
- readasdataurl (52)
- if-modified-since (49)
- css ::after (50)
- border-image-slice (40)
- flex mdn (37)
- .join (41)
- function.apply (60)
- input type number (64)
- weakmap (62)
- js arguments (45)
- js delete方法 (61)
- blob type (44)
- math.max.apply (51)
- js (44)
- firefox 3 (47)
- cssbox-sizing (52)
- js删除 (49)
- js for continue (56)
- 最新留言
-