JS —— 2、数值、数组、对象、函数、预解析、作用域、深浅拷贝

最新推荐文章于 2024-10-30 18:24:25 发布

卷王233

最新推荐文章于 2024-10-30 18:24:25 发布

阅读量1k

点赞数

分类专栏： js 文章标签： javascript js

本文链接：https://blog.csdn.net/weixin_45042569/article/details/116983954

版权

js 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

（4）toFixed、toPrecision

（18）some只要有一个满足就返回turn

（1）JSON.stringify() 方法是将JS值(对象或者数组)转换JSON字符串

（2）JSON.parse() 方法是将JSON字符串转换为对象

（3）hasOwnProperty() 判断对象的属性是否存在

（4）assign() 对象的合并

（5）defineProperties() 直接在一个对象上定义新的属性或修改现有属性，并返回该对象

（6）keys() 返回一个由一个给定对象的自身可枚举属性组成的数组

（7）values(); 返回一个给定对象自己的所有可枚举属性值的数组

（8）entries(); 返回一个给定对象自身可枚举属性的键值对数组

9、数值（转换为数值）

parseInt() 方法 //字符串转换整数

parseFloat() 方法 //字符串转换小数

Number() 方法 //任何转换数值

toFixed() //返回字符串值，从小数后开始数

toPrecision() //返回字符串值，从整个数字开始数

//去掉双引号，为30

（1）parseInt 字符串转换整数

//30

（2）parseFloat字符串转换小数

（3）Number任何转换数值

（4）toFixed、toPrecision

toFixed() //返回字符串值，从小数后开始数

toPrecision() //返回字符串值，从整个数字开始数

10、数组

toString() 数组转换字符串
join() 拼接元素
unshift() 头部添加
push() 尾部添加
pop() 删除尾部
shift() 删除头部，并把所有其他元素“位移”到更低的索引
splice() 删除或替换指定元素
slice() 获取指定元素，不会改变原数组
concat() 拼接数组
sort () 顺序
reverse() 逆序
for 遍历
forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数。
map
for in
filter() 返回满足条件的元素
every() 全部满足返回turn
some() 只要有一个满足就返回turn
reduce 累加，数组全部相加

1）

（1）toString数组转换字符串

（2）join拼接

2）添加：

（3）unshift头部添加

（4）push尾部添加

3）删除：

（5）pop删除尾部

（6）shift删除头部

（7）splice删除指定位置

-------------------------------------------------------------------------------

//替换

//6和7换成3

4）

（8）slice获取指定数值

（9）concat合并数组

5）排列

（10）sort顺序

（11）reverse逆序

6）遍历

（12）for

（13）forEach

（14）map

区别：map的区别在于，只是forEach没有返回值

（15）for in

集合{}：

数组[]： //获取的是下标

7）筛选

（16）filter返回满足条件的元素

     var arr15 = [2,3,5,6,7,18,9];
     var a15 = arr15.filter(function(item,index){
        return item >5;   
     });

//[6,7,18,9]

//返回满足条件的元素

（17）every全部满足才返回turn

（18）some只要有一个满足就返回turn

（19）reduce累加

11、对象

1）定义对象两种方式

（1）new方式

var person = new Object();

（2）字面量方式

1、简单字面量方式

var person2 = {};

2、(常用) 嵌套字面量方式

2）属性

（1）写法

3）序列化

JSON.stringify() 方法是将JS值(对象或者数组)转换JSON字符串
JSON.parse() 方法是将JSON字符串转换为对象
hasOwnProperty() 该方法可以判断对象的自有属性是否存在
assign() 该方法主要用于对象的合并
defineProperties() 直接在一个对象上定义新的属性或修改现有属性，并返回该对象。
keys() 返回一个由一个给定对象的自身可枚举属性组成的数组
values(); 返回一个给定对象自己的所有可枚举属性值的数组
entries(); 返回一个给定对象自身可枚举属性的键值对数组

（1）JSON.stringify() 方法是将JS值(对象或者数组)转换JSON字符串

（2）JSON.parse() 方法是将JSON字符串转换为对象

    var obj3 = {name:'abc',age:18,id:1};
    console.log(typeof  JSON.stringify(obj3))  //string
console.log(typeof  obj3); 					//object

    var str = JSON.stringify(obj3);
    console.log(typeof  JSON.parse(str));   	//object

（3）hasOwnProperty() 判断对象的属性是否存在

方式一：

检测属性是否是自有属性

方式二：

检测属性是否存在于某个对象中，自有属性和继承属性都返回true

//true

区别：

（4）assign() 对象的合并

===========================================================

（5）defineProperties() 直接在一个对象上定义新的属性或修改现有属性，并返回该对象

defineProperty() 定义单个

defineProperties() 定义多个

===========================================================

writable:false

===========================================================

（6）keys() 返回一个由一个给定对象的自身可枚举属性组成的数组

//返回的是属性（数组类型）

（7）values(); 返回一个给定对象自己的所有可枚举属性值的数组

//返回的是值（数组类型）

（8）entries(); 返回一个给定对象自身可枚举属性的键值对数组

（9）delete删除

//为18

12、函数

（1）函数声明与函数表达式

（2）自调用函数（自动调用）

（3）arguments

（4）写法

写法一：

    var _name = document.getElementById('name')
var _phone = document.getElementById('phone')

    //成为焦点
    _name.onfocus = function () {
        //nextSibling返回某个元素之后紧邻的节点
        this.nextSibling.style.display = "none";//紧邻的同级样式隐藏     
    };
    _phone.onfocus = function () {
        this.nextSibling.style.display = "none";//紧邻的同级样式隐藏 
    };
    
    //失去焦点
    _name.onblur = function () {
    //判断  如果表单的值为空   错误提示显示，反之表单的值不为空，错误提示隐藏
        if(this.value==''){   
            this.nextSibling.style.display="inline"; //紧邻的同级样式显示
        }else {
            this.nextSibling.style.display="none";  //紧邻的同级样式隐藏 
        }
    };
    _phone.onblur = function () {
    //判断  如果表单的值为空   错误提示显示，反之表单的值不为空，错误提示隐藏
        if(this.value==''){   
            this.nextSibling.style.display="inline";//紧邻的同级样式显示
        }else {
            this.nextSibling.style.display="none";  //紧邻的同级样式隐藏 
        }
    };

//onfocus（成为焦点）

onblur（失去焦点）换成chlick也可以