Javascript基础知识中关于内置对象的知识

Javascript基础知识中关于内置对象的知识

Javascript中内置对象是指在语言中定义好的一些对象,可以直接使用,不需要进行任何的定义或引入。常见的内置对象有:String、Number、Boolean、Object、Array、Function、RegExp、Date等。

String对象

String对象表示文本字符串。它可以通过字面量、变量等方式声明,如下:

var str = "hello world"; 

通过String对象,可以获取字符串的长度、查找子串、拼接字符串等操作,如下:

var str = "hello world"; 
console.log(str.length); // 11
console.log(str.indexOf("world")); // 6
console.log(str.slice(0, 5)); // hello
console.log(str.concat(",你好")); // hello world,你好

Array对象

Array对象是一种有序的集合类型,可以使用下标访问或修改数组中的元素。它可以通过字面量、变量等方式声明,如下:

var arr = [1, 2, 3];

通过Array对象,可以添加、删除、查找元素等操作,如下:

var arr = [1, 2, 3];
arr.push(4); // 添加元素4到数组末尾
console.log(arr); // [1, 2, 3, 4]
arr.pop(); // 删除数组末尾的元素
console.log(arr); // [1, 2, 3]
console.log(arr.indexOf(2)); // 1

示例说明

以下是一个示例,演示如何使用String对象和Array对象实现字符串翻转功能:

function reverseStr(str) {
    var arr = str.split(""); // 把字符串转换成数组
    arr.reverse(); // 数组翻转
    var newStr = arr.join(""); // 把数组转换成字符串
    return newStr;
}

console.log(reverseStr("hello world")); // dlrow olleh

以上代码将字符串拆分成单个字符的数组,再倒序排列数组,最后使用join()合并数组成新字符串。由于Javascript中字符串是不可变的,因此我们需要将字符串转换成数组来修改其元素。

另一个示例是使用Array对象筛选数组中重复的元素:

function getDuplicateElements(arr) {
    var temp = {}; // 临时对象
    var result = []; // 结果数组
    for(var i = 0; i < arr.length; i++) {
        var item = arr[i];
        if(!temp[item]) { // 如果temp中没有当前元素,则存储到temp中
            temp[item] = 1;
        } else { // 如果temp中已经有当前元素,则存储到result中
            if(result.indexOf(item) === -1) { // 如果result中没有当前元素,则存储到result中
                result.push(item);
            }
        }
    }
    return result;
}

console.log(getDuplicateElements([1, 2, 3, 2, 4, 5, 3])); // [2, 3]

以上代码使用了一个临时对象temp来存储数组中出现过的元素,再用一个结果数组result来存储重复的元素。如果一个元素在temp中出现过,则存储到result中,如果result中已经存在相同的元素,则不再重复存储。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:Javascript基础知识中关于内置对象的知识 - Python技术站

(0)
上一篇 2023年6月10日
下一篇 2023年6月10日

相关文章

  • js获取字符串最后一位方法汇总

    JS获取字符串最后一位方法汇总 在JS开发过程中,获取字符串最后一位是一个很常见的需求。下面将对常见的获取字符串最后一位的方法进行汇总并做详细讲解。 方法一:使用字符串的slice方法 使用字符串的slice方法可以获取字符串从指定位置开始到指定位置结束的子串,当指定结束位置为-1时,即可得到字符串的最后一个字符。 var str = ‘hello’; va…

    JavaScript 2023年5月28日
    00
  • JS原型链怎么理解

    JS原型链是JS中一个非常重要的概念,理解原型链可以帮助我们更好地理解JS中的对象,继承以及函数等相关知识。下面是JS原型链的详细讲解攻略。 什么是原型链? 在了解什么是原型链之前,我们首先要了解JS中对象的原型。 在JS中,每个对象都有一个原型对象 prototype,其包含了一组属性和方法,并且可以和其他对象形成继承关系。在访问一个对象的属性或方法时,如…

    JavaScript 2023年6月10日
    00
  • js注意img图片的onerror事件的分析

    JS注意img图片的onerror事件的分析 常见问题 在网页中嵌入图片时,有时因为链接错误或图片本身损坏等问题,图片可能无法正常加载。为了避免这种情况对用户造成不良影响,可以使用onerror事件对未能加载的图片进行处理。 onerror事件语法 <img src="xxx.jpg" onerror="imgError(…

    JavaScript 2023年5月28日
    00
  • JavaScript中利用for循环遍历数组

    当我们需要处理数组中的所有元素时,可以使用for循环来遍历数组,可以使用以下步骤完成: 获取数组长度 在处理数组时,我们需要知道数组中有多少元素。我们可以使用数组的length属性获取数组长度,如下所示: const fruits = [‘apple’, ‘orange’, ‘banana’]; const length = fruits.length; c…

    JavaScript 2023年5月27日
    00
  • Javascript Array splice 方法

    以下是关于JavaScript Array splice方法的完整攻略。 JavaScript Array splice方法 JavaScript Array splice方法用于向数组中添加或删除元素。该方法会改变原始数组,并返回被删除元素。 下面是一个使用splice方法的示例: var arr = [1, 2, 3, 4, 5]; arr.splice…

    JavaScript 2023年5月11日
    00
  • JS实用技巧实现loading加载示例详解

    JS实用技巧实现loading加载示例详解 介绍 在Web开发中,加载速度是一个很重要的问题,如果页面加载时间过长,会影响用户体验。为了优化用户体验,我们可以使用一个loading加载提示,告诉用户正在加载中,这是一个很好的交互方式。本篇文章将介绍如何使用一些JS实用技巧实现loading加载示例。 实现方式 1. 使用CSS动画实现 使用CSS动画可以实现…

    JavaScript 2023年5月27日
    00
  • js判断变量是否未定义的代码

    下面是详细讲解“js判断变量是否未定义的代码”的完整攻略。 什么是“判断变量是否未定义”? 在 JavaScript 中,我们会经常使用变量来存储数据。但是在某个时刻,我们可能需要判断变量是否已经有值或者是否存在。这个时候,就需要使用“判断变量是否未定义”的代码。 如何判断一个变量是否未定义? JavaScript 提供了三种方法来判断一个变量是否未定义: …

    JavaScript 2023年5月28日
    00
  • js对象与打印对象分析比较

    当我们在JavaScript中使用对象时,我们常常需要知道该对象的结构以及包含的属性和方法。在这种情况下,打印对象并分析它是一种非常重要的技能。 以下是JS对象与打印对象分析比较的完整攻略: 1. 创建JS对象 在JavaScript中,我们常常使用对象来封装一些数据和行为。对象是一种复杂数据类型,可以包含属性和方法。我们可以使用对象字面量或构造函数创建一个…

    JavaScript 2023年5月27日
    00
合作推广
合作推广
分享本页
返回顶部