目录

  • 5. trim方法
  • 6. 对象方法
    • 6.1 Object.keys()
      • 6.1.1 作用
      • 6.1.2 语法
    • 6.2 Object.defineProperty()
      • 6.2.1 作用
      • 6.2.2 语法

5. trim方法

去除字符串两端的空格

var str = '   helloWorld   '
console.log(str.trim()  //输出helloWorld 去除两端空格
var str1 = '   he l l oWorld   '
console.log(str.trim()  //输出he l l oWorld  去除两端空格
  • trim() 方法会从一个字符串的两端删除空白字符;
  • trim() 方法并不影响原字符串本身,它返回的是一个新的字符串。

6. 对象方法

6.1 Object.keys()

6.1.1 作用

Object.keys()用于获取对象自身的所有属性名

6.1.2 语法

Object.keys(obj)
  • 效果类似for...in
  • 返回一个由属性名组成的数组。
 var obj = {id: 1,pname: '小米',price: 1999,num: 2000
};
var result = Object.keys(obj)
console.log(result)//[id,pname,price,num]

6.2 Object.defineProperty()

6.2.1 作用

定义对象中新属性或修改原有属性

Object.defineProperty
define —— 定义 ; Property —— 属性。

6.2.2 语法

object.defineProperty(obj,prop,descriptor)

里面有3个参数:

  • obj:必需。当前设置的对象;
  • prop:必需。需定义或修改的属性的名字;
  • descriptor:必需。它是一个对象,该对象中有多个属性。

object.defineProperty() 第3个参数descriptor说明:以对象形式{}书写。

  • value:设置属性的值(可以是任意数据类型),默认为undefined;
  • writable:值是否可以重写。true | false 默认为false;
    - true:允许重写
    - false:不允许重写
  • enumerable:目标属性是否允许遍历。true | false。 默认为false(不允许);
  • configurable:目标属性是否可以被删除、或是否可以再次修改特性。true | false 默认为false;

示例代码:

<script>var obj = {id: 1,pname: "小米",price: 1888,num: 1000};// 1、以前的对象添加和修改的方式// obj.num = 1000;// 2、采用ES5 defineProperty方式Object.defineProperty(obj,'num',{value:1000});Object.defineProperty(obj,'id',{// 如果值为false,则不允许修改此属性值writable:false});
</script>

上一篇:JavaScript从入门到放弃 -(三)ES5新增方法及商品查询案例
下一篇:JavaScript从入门到放弃 -(五)函数进阶(高级用法)

JavaScript从入门到放弃 -(四)E5 新增方法相关推荐

  1. JavaScript从入门到放弃 -(三)ES5新增方法及商品查询案例

    目录 1. ES5新增方法概述 2. 数组方法 2.1 forEach方法 2.2 filter 筛选数组方法 2.3 some方法 3. 查询商品案例 3.1 HTML结构和CSS样式 3.2 准备 ...

  2. JavaScript从入门到放弃 -(五)函数进阶(高级用法)

    目录 1. 函数的定义和调用 1.1 函数定义的3种方式 1.2 函数调用方式(常见的6种) 1.2.1 普通函数的调用 1.2.2 对象中的函数调用 1.2.3 构造函数的调用 1.2.4 DOM元 ...

  3. JavaScript从入门到放弃 -(七)ES6

    目录 1. ES6相关概念 1.1 什么是 ES6 ? 1.2 为什么使用 ES6 ? 2 ES6新增语法 2.1 新增关键字 2.1.1 let 关键字 小结 2.1.2 const 关键字 小结 ...

  4. JavaScript从入门到放弃 -(六)正则表达式

    正则表达式 1. 正则表达式概述 1.1 什么是正则表达式 1.2 正则表达式的特点 2. 正则表达式在JavaScript中的使用 2.1 创建正则表达式 2.1.1 通过调用 RegExp 对象的 ...

  5. JavaScript从入门到放弃 -(二)继承

    目录 1. Call() 2.子构造函数继承父构造函数中的属性 3. 借用原型对象继承方法 1. Call() 它的作用是: call()可以调用函数: call()可以修改函数运行时this的指向: ...

  6. JavaScript从入门到放弃 - (一)构造函数和原型

    目录 1. 创建对象的三种方式 1.1 用字面量创建 1.2 用new关键字创建 1.3 借用构造函数创建 2. 实例成员和静态成员 2.1 实例成员 2.2 静态成员 3 构造函数原型 4 对象原型 ...

  7. JavaScript从入门到放弃到精通

    JavaScript从入门到放弃 1.什么是JS 是一种流行的脚本语言, Java和JS没有什么关系 1.2环境 1.3调试 运行html 控制台调试 console.log()变量打印输出 断点 2 ...

  8. JavaScript从入门到放弃-JavaScript历史介绍

    JavaScript历史 要了解JavaScript,我们首先要回顾一下JavaScript的诞生. 在上个世纪的1995年,当时的网景公司正凭借其Navigator浏览器成为Web时代开启时最著名的 ...

  9. JavaScript从入门到放弃 - ES6中的对象和类

    重点讲解Tab栏切换.增.删.改 1. 面向过程与面向对象 2.ES6 中的对象与类 2.1 对象 2.2 类 2.2.1 创建类 2.2.1.1 语法 2.2.1.2 实例 2.2.2 类创建添加属 ...

最新文章

  1. 给力的 Google HTML5 训练营(HTML5 DragDrop 拖拽、FileRea...
  2. Weex快速上手教程(Weex Tutorial)
  3. c语言程序窗口后台持续监测,用c语言实现后台运行的、每隔30s检查一次的、带有日志功能的断网重新连接程序...
  4. ubuntu如何实现双屏显示(转)
  5. 在OpenPower720上安装SLES9(I)
  6. boot spring test 文档_Spring、Spring Boot 和 TestNG 测试指南 ( 3 )
  7. Redis凭啥这么快?只能做缓存?架构师道出了真相(颠覆你的认知)
  8. Spring学习笔记--导航
  9. zabbix系列(八)zabbix添加对web页面url的状态监控
  10. 小程序开发之图片转Base64(C#、.Net)
  11. Makedown文件保存问题
  12. 使用bat命令批量命名图片名称的方法及解决bat格式中文乱码的问题(如:图片.jpg)
  13. Python字符串学习
  14. java map类转javabean_JavaBean和Map转换封装类的方法
  15. 2022美赛M奖经验总结(1)分工职责篇(附论文)
  16. 我的AI之路(51)--用自己的UCF101数据集训练3D识别模型video-caffe
  17. ubuntu16.04快速安装zabbix
  18. 数字化改革是逼不得已,最后却帮我提高了20%生产效率
  19. quartus ModelSim executable not found.
  20. firework—烟花源码(01)

热门文章

  1. javaWeb回忆思维导图
  2. linux平台C++开发基本知识
  3. Impala 查询导出到文本,本地系统
  4. 阿里云 EMR Delta Lake 在流利说数据接入中的架构和实践
  5. 阿里云飞天洛神2.0:高性能网络软硬一体化技术实践
  6. 这群程序员疯了!他们想成为IT界最会带货的男人
  7. 【实操手册】如何把一场直播录制下来?
  8. 基于AliOS Things玩转智能语音
  9. 指数级暴增、复杂场景下,揭秘百度云原生湖仓架构等系列数据产品
  10. 以“基”取胜:戴尔科技云平台 释放企业新动能