美文网首页
js 常用object函数

js 常用object函数

作者: 风___________ | 来源:发表于2024-02-28 12:09 被阅读0次

indexOf(searchValue [, startIndex]):在一个指定位置范围内搜索指定值,并返回第一次出现该值时所在位置的索引。如果未找到该值,则返回 -1。可选参数 startIndex 指定搜索起始位置,默认为 0。

let str = "Hello, world!";
console.log(str.indexOf("o")); // 输出 4
console.log(str.indexOf("o", 5)); // 输出 8
console.log(str.indexOf("z")); // 输出 -1,未找到 "z"

slice(startIndex[, endIndex]):从原始字符串中提取出某个片段,并生成一个新字符串。可选参数 endIndex 指定提取结束位置(不包含该索引处字符),默认为原始字符串的末尾。

let str = "Hello, world!";
console.log(str.slice(7)); // 输出 "world!"
console.log(str.slice(0, 5)); // 输出 "Hello"

substring(startIndex[, endIndex]):从原始字符串中提取出某个片段,并生成一个新字符串。与 slice() 方法类似,但不支持负数索引。

let str = "Hello, world!";
console.log(str.substring(7)); // 输出 "world!"
console.log(str.substring(0, 5)); //输出"hello"

replace(searchValue, replaceValue):将原始字符串中的指定值替换为新的值,并返回替换后的新字符创。

let str = "Hello, world!";
let newStr = str.replace("world", "JavaScript");
console.log(newStr); // 输出 "Hello, JavaScript!"

当涉及到 JavaScript 对象(Object)的操作时,还有一些其他常用的方法函数:

Object.create(proto[, propertiesObject]):创建一个新对象,使用现有对象 proto 作为新对象的原型。还可以选择性地传入 propertiesObject 参数来定义新对象的属性。

const person = {
  greet() {
    console.log('Hello!');
  }
};

const john = Object.create(person);
john.greet(); // 输出 "Hello!"

Object.defineProperty(obj, prop, descriptor):定义或修改一个对象上的属性,并指定该属性的特性(如可写、可枚举等)。

const obj = {};

// 定义可写、可枚举、可配置属性
Object.defineProperty(obj, 'name', {
  value: 'John',
  writable: true,
  enumerable: true,
  configurable: true
});

console.log(obj.name); // 输出 "John"

obj.hasOwnProperty(prop):检查给定对象是否具有指定属性(不包括原型链中继承而来的属性)。如果该实例自身具有该属性,则返回 true,否则返回 false

const obj = { a: 'apple', b:'banana' };
console.log(obj.hasOwnProperty('a')); // 输出 true

// 继承自 Object.prototype 的 toString 方法不会被 hasOwnProperty 返回为 true。
console.log(obj.hasOwnProperty('toString')); // 输出 false 

对象解构赋值(Destructuring Assignment):从一个或多个源对象中提取值,并将它们赋值给变量。这是一种方便的方式来访问和使用对象的属性。

const person = {
  name: 'John',
  age: 30,
  city: 'New York'
};

// 对象解构赋值
const { name, age, city } = person;

console.log(name); // 输出 "John"
console.log(age); // 输出 30
console.log(city); // 输出 "New York"

相关文章

  • JS之Object常用函数

    assign功能:把多个的对象自身可枚举属性拷贝给目标对象并返回目标对象。注意: 实质是使用源对象的 getter...

  • 关于JavaScript-1:创建对象的方法汇总

    JS创建对象的方法: 1.字面量方式:最简单,最常用: 2.使用构造函数创建对象: (1)Object内置构造函数...

  • js小结

    原生函数常用的原生函数String()Number()Boolean()Array()Object()Functi...

  • js与ES6对象常用方法区别

    js与ES6对象常用方法区别js中对象方法 Object.assign//用于克隆 Object.is()…用于判...

  • Object函数对象常用方法

    Object函数对象常用方法 1.assign() **Object.assign()** 方法用于将所有可枚举属...

  • 原型与原型链

    一、 普通对象与函数对象 JS中都可以当做对象,分为普通对象和函数对象,Object 、Function 是 JS...

  • js Object 常用方法

    Object.assign(target,source1,source2,...) 该方法主要用于对象的合并,将源...

  • js常用内置对象及其方法

    js常用内置对象有:Date,、Array、String、Math、Object、JSON、 RegExp、Win...

  • 原型和原型链 - 草稿

    一 . 原型 js中万物皆对象,(普通对象和函数对象) Object.function是js自带的函数对象 1.举...

  • JS 原型与原型链

    prototype js中对象分为普通对象和函数对象其中函数对象中包括function和object,每一个函数对...

网友评论

      本文标题:js 常用object函数

      本文链接:https://www.haomeiwen.com/subject/ierhvdtx.html