ES6--实用语法

前端小趴菜的成长记录

于 2023-02-03 18:09:39 发布

阅读量87

点赞数

分类专栏： ES6 javascript 文章标签： es6 javascript 前端

本文链接：https://blog.youkuaiyun.com/weixin_47434590/article/details/128873840

版权

javascript 同时被 2 个专栏收录

8 篇文章

订阅专栏

ES6

2 篇文章

订阅专栏

文章介绍了如何在JavaScript中精确查找数组中的值，包括使用for循环、filter和find方法。还提到了使用includes检查数组是否包含某值，以及新旧空值判断的写法。此外，讨论了将多维数组转换为一维数组的flat方法，并展示了获取对象键值的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.如何精确查找数组中包含某个值

 //精确查找数组中是否包含某个值
 
 let arr = [1,2,3,4,5,6,7,8];
 
 //写法一
 for(let a = 0; a < arr.length; a++){
    if(arr[a] == "5"){
       //找到
       break;
    }
 };
 
//写法二
 let y = arr.filter((item,index)=>{
    return item == "5";
 });
 
//新写法
 let y = arr.find((item,index)=>{
    return item == "5";
 });

2.通过includes查找是否含某个值

//旧写法
if(str == 1 || str == 2 || str == 3 || str == 4){
    //包含
}
 
//新写法
let arr = [1,2,3,4];
arr.includes(2); //如果包含返回true

3.空值判断

//旧写法
if(value !== null && value !== 'undefined' && value !== '' && typeOf(value) != 'undefined'){
    //...
}
 
//新写法
if( (value??'') !== ""){
 
}
 
|| 和 ??的区别

数值为  "" 或者 0 时，|| 为 false   ?? 为true。

4.多维数组转为扁平化数组

let arr1 = [1,2,3,4,[3,5,[1,2]]];
 
//转换为一维数组
arr1.flat(Infinity)

5.获取对象的key和value

 let strObj = {
      '读': '品',
      '孙': '启',
      '子': '强',
      '兵': '人',
      '法': '生',
    }
    console.log(Object.keys(strObj)) // ['读', '孙', '子', '兵', '法']
    console.log(Object.values(strObj)) // ['品', '启', '强', '人', '生']