JS的内置对象和方法(允许自定义对象)详解编程语言

JavaScript 中的所有事物都是对象:字符串、数值、数组、函数…此外,JavaScript 允许自定义对象。

在JavaScript中,对象是拥有属性和方法的数据。

JavaScript 提供多个内建对象,比如 String、Date、Array 等等。

对象只是带有属性和方法的特殊数据类型。

注意var s1 = “abc”和var s2 = new String(“abc”)的区别:typeof s1 –> string而 typeof s2 –> Object

JS的内置对象和方法(允许自定义对象)详解编程语言

数组

数组对象的作用是:使用单独的变量名来存储一系列的值。类似于Python中的列表。

var a = [123, "ABC"]; 
console.log(a[1]);  // 输出"ABC"

常用方法:

方法 说明
.length 数组的大小
.push(ele) 尾部追加元素
.pop() 获取尾部的元素
.unshift(ele) 头部插入元素
.shift() 头部移除元素
.slice(start, end) 切片
.reverse() 反转
.join(seq) 将数组元素连接成字符串
.concat(val, …) 连接数组
.sort() 排序
.forEach() 将数组的每个元素传递给回调函数
.splice() 删除元素,并向数组添加新元素。
.map() 返回一个数组元素调用函数处理后的值的新数组

关于sort()需要注意:

如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。要实现这一点,首先应把数组的元素都转换成字符串(如有必要),以便进行比较。

如果想按照其他标准进行排序,就需要提供比较函数,该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b,其返回值如下:

若 a 小于 b,在排序后的数组中 a 应该出现在 b 之前,则返回一个小于 0 的值。
若 a 等于 b,则返回 0。
若 a 大于 b,则返回一个大于 0 的值。

示例:

function sortNumber(a,b){ 
    return a - b 
} 
var arr1 = [11, 100, 22, 55, 33, 44] 
arr1.sort(sortNumber)

关于遍历数组中的元素,可以使用下面的方式:

var a = [10, 20, 30, 40]; 
for (var i=0;i<a.length;i++) { 
  console.log(a[i]); 
}

1.自定义对象

定义的两种方法:

       1.1 自定义对象

    var person = new Object(); 
 
    person.name = "xiaoqiang"; 
 
    person.age = 38;

  1.2 

{name: "xiaoqiang", age: 18} 
 
    -键不用加引号,加上也不出错 
 
    -值若果是字符串必须写双引号

遍历自定义对象方式:

for (var i in p1){ 
console.log(i); 
console.log(p1[i]); 
}

注意:

ES6中提供了Map数据结构。它类似于对象,也是键值对的集合,但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当做键。

也就是说,Object结构提供了“字符串–值”的对应,Map结构提供了“值–值”的对应,是一种更完善的Hash结构实现。

var m = new Map(); 
var o = {p: "Hello World"} 
 
m.set(o, "content"} 
m.get(o)  // "content" 
 
m.has(o)  // true 
m.delete(o)  // true 
m.has(o) // false

扩展:JavaScript面向对象之继承

// 父类构造函数 
var Car = function (loc) { 
  this.loc = loc; 
}; 
 
// 父类方法 
Car.prototype.move = function () { 
  this.loc ++; 
}; 
 
// 子类构造函数 
var Van = function (loc) { 
  Car.call(this, loc); 
}; 
 
// 继承父类的方法 
Van.prototype = Object.create(Car.prototype); 
// 修复 constructor 
Van.prototype.constructor = Van; 
// 扩展方法 
Van.prototype.grab = function () { 
  /* ... */ 
};

JavaScript面向对象之继承

forEach()

splice()

map()

略…..

补充:

ES6新引入了一种新的原始数据类型(Symbol),表示独一无二的值。它是JavaScript语言的第7种数据类型。

类型查询

typeof "abc"  // "string" 
typeof null  // "object" 
typeof true  // "boolean" 
typeof 123 // "number"

typeof是一个一元运算符(就像++,–,!,- 等一元运算符),不是一个函数,也不是一个语句。

对变量或值调用 typeof 运算符将返回下列值之一:

  • undefined – 如果变量是 Undefined 类型的
  • boolean – 如果变量是 Boolean 类型的
  • number – 如果变量是 Number 类型的
  • string – 如果变量是 String 类型的
  • object – 如果变量是一种引用类型或 Null 类型的

原创文章,作者:奋斗,如若转载,请注明出处:https://blog.ytso.com/18171.html

(0)
上一篇 2021年7月19日
下一篇 2021年7月19日

相关推荐

发表回复

登录后才能评论