JS中一些常用的函数(持续更新)

1. arr.sort([compareFunction(a, b)])

参数:用来指定按某种顺序进行排列的函数。
a:第一个用于比较的元素   
b:第二个用于比较的元素
Ps:该方法会改变原数组

	  升序
	    arr.sort((a, b) => {
	        return a - b
	    })
	
	  降序
	   arr.sort((a, b) => {
	       return b - a
	   })

如图所示
在这里插入图片描述
在这里插入图片描述

2. Array.prototype.reduce()

例子:

let sum = [0, 1, 2, 3].reduce(function (previousValue, currentValue,currentIndex, array) {
  return previousValue + currentValue
}, 0)

previousValue: 为后面的0值。 每执行一次就为上一次执行累加的值。
currentValue:为数组里的第一个值,执行完一次就为下一个数组值。
0: 可以定义变量,也可以直接写0,这个0将赋值给previousValue。
currentIndex:数组的索引
array: 数组 [1, 2, 3, 4]

3.JSON.stringify()与JSON.parse()

最近老是搞混他们两个,特意记录一下,免得老是翻书

1.JSON.stringify()的作用是将 JavaScript 对象转换为 JSON 字符串

2.JSON.parse()可以将JSON字符串转为一个对象

4.在做了一个表格案例,提交表格时在控制台打印的时候闪一下就消失了。经查阅, 发现form上action属性没有设置东西,添加了一个#就Ok了在这里插入图片描述

五.javascript中的findIndex()方法和find()方法

findIndex()方法:判断一个数组中是否存在某个元素符合条件,符合则返回该元素的索引,不符合返回-1

 var userInfo = {
            user_id: 001,
            user_name: 'lisi'
	    }

		var user = [
            {
                user_id: 001
            },

            {
                user_id: 002
            },

            {
                user_id: 003
            }
        ]
        
        var index = user.findIndex(item => item.user_id == userInfo.user_id);
        console.log(index);  // 输出: 0

find() 方法:返回通过判断的数组的第一个元素的值。

const array = [1, 2, 3, 4, 5];
        const num = array.find(item => item == 2);
        console.log(num); // 输出:2

六.javascript中hasOwnProperty()方法

hasOwnProperty:是用来判断一个对象是否有你定义对象的属性。有则返回true,没有返回false。要注意的是它检测不到这个对象中的原型链中是否有该属性或对象。

示例代码:

 <script>
        var obj = {
            a: 1,
            b: 2
        }

        console.log(obj.hasOwnProperty('a'));
        console.log(obj.hasOwnProperty('c'));
    </script>

运行结果
在这里插入图片描述

七. …() ES6语法

obj2里的keyvalue展开放在obj中
在这里插入图片描述
在这里插入图片描述

八. Object.assign()方法

在这里插入图片描述

在这里插入图片描述


版权声明:本文为weixin_44482737原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。