javascript 学习小结 (二) by FungLeo

javascript 学习小结 (二) by FungLeo

前言

前面写过一个学习小结javascript 学习小结 JS装逼技巧(一) by FungLeo 那篇博文总结的东西还是比较多的.

但是JS有很多的内容,都是很有用的知识点,不可能一下子记住.因此,我的学习小结的会一直更新.

因为学习进度的不同,可能每篇博文的长短也不一样,有的学的东西多,就长点.

查询某个字符串在某个数组中的索引值

笨方法

我的基础比较差,所以很多东西是记不住的.因此,我在需要这样做的时候,我写了如下代码

var arr = ["a","b","c","d"];
var str = "b";
var index = 0;
for (var i = 0; i < arr.length; i++) {
    if (arr[i] == str){
        index = i;
    };
};

虽然写出来了,但是感觉这段代码还是脱裤子放屁的.问了下别人,别人回答我indexOf;

indexOf方法

var arr = ["a","b","c","d"];
var str = "b";
var index = arr.indexOf(str);

这样写果然简单多了.

替换字符串中的某个字符串内容

替换第一个匹配字符串

var oldStr = "hi boy! hi girl!";
var newStr = "";
newStr = oldStr.replace("hi","hello");
console.log(newStr);

这样只能替换第一个,但是,我可能需要替换所有的.用这个方法就不行了.

替换所有的匹配字符串

var oldStr = "hi boy! hi girl!";
var newStr = "";
newStr = oldStr.replace(/hi/g,"hello");
console.log(newStr);

这种方式是使用正则表达式的方式替换 g 代表全局替换

如果,替换的内容中是包含斜杠的,那么就需要加一个反斜杠来进行转义

var oldStr = "<div><span></span></div>";
var newStr = "";
newStr = oldStr.replace(/<span><\/span>/g,"hello");
console.log(newStr);

如这个例子所示

小结

很多的基础知识不牢固,需要认证仔细的学习.希望与大家多多交流.

本文由FungLeo原创,允许转载.但转载必须署名作者,并保留文章首发链接.否则将追究法律责任.

首发地址: http://blog.csdn.net/FungLeo/article/details/51461420

时间: 2024-10-10 02:05:06

javascript 学习小结 (二) by FungLeo的相关文章

javascript 学习小结 JS装逼技巧(一) by FungLeo

javascript 学习小结 JS装逼技巧(一) by FungLeo 前言 最近一直在做javascript方面的工作.但是本身我的javascript水平比较低,因此在学习过程中比较困难.而最近又接触到了很多的知识点.好记性不如烂笔头,因此写这篇零碎的博文,记一记我学到的一些好玩的东西. 简单的新建各种元素 创建各种元素都有相对应的方法,例如,创建一个数组可以这样写var arr = new Array 当然,这样做是对的,但是我英文很烂,并且不喜欢这样的代码.我喜欢的是下面这样的. //

javascript 学习小结 (三) jQuery封装ajax尝试 by FungLeo

javascript 学习小结 (三) jQuery封装ajax尝试 by FungLeo 前言 在JS学习中,对于原生的很多东西我理解得并不透彻.但是使用jQuery来操作DOM,基本上还是非常熟练的.但是对于AJAX数据交互的处理,我不是很理解. 近期团队交给我一个后端全接口提供给我的项目.我要利用这些接口来自己组织前端代码.为了学习,我决定不使用VUE或者其他的前端框架来做.而是只使用jQuery框架,数据的部分全部使用拼接字符串的形式实现. 获取数据,显示数据,提交数据. 在这个项目中(

JavaScript学习小结(一)

要想学好JavaScript必须要了解这几个方面知识: 1.JavaScript 2.HTML DOM 3.jQuery 4.AJAX 5.JSON 那么,我们先来说说JavaScript的学习.可以说JavaScript是最好用的脚本语言,所以学好JavaScript是前端工程师的一项重要技能. 一.JavaScript对象 Array Boolean Date Math Number String RegExp Global 二.Browser对象 Window Navigator Scre

JavaScript学习总结(二)——闭包、IIFE、apply、函数与对象

目录 一.闭包(Closure) 1.1.闭包相关的问题 1.2.理解闭包 二.对象 2.1.对象常量(字面量) 2.2.取值 2.3.枚举(遍历) 2.4.更新与添加 2.5.对象的原型 2.6.删除 2.7.封装 三.函数 3.1.参数对象 (arguments) 3.2.构造函数 3.3.函数调用 3.3.1.call 3.3.2.apply 3.3.3.caller 3.3.4.Callee 3.5.立即执行函数表达式 (IIFE) 3.5.1.匿名函数与匿名对象 3.5.2.函数与函数

JavaScript学习总结(二十三)——JavaScript 内存泄漏教程

参考教程:http://www.ruanyifeng.com/blog/2017/04/memory-leak.html 一.什么是内存泄漏? 程序的运行需要内存.只要程序提出要求,操作系统或者运行时(runtime)就必须供给内存. 对于持续运行的服务进程(daemon),必须及时释放不再用到的内存.否则,内存占用越来越高,轻则影响系统性能,重则导致进程崩溃. 不再用到的内存,没有及时释放,就叫做内存泄漏(memory leak). 有些语言(比如 C 语言)必须手动释放内存,程序员负责内存管

JavaScript学习总结(二十一)——使用JavaScript的数组实现数据结构中的队列与堆栈

今天在项目中要使用JavaScript实现数据结构中的队列和堆栈,这里做一下总结. 一.队列和堆栈的简单介绍 1.1.队列的基本概念 队列:是一种支持先进先出(FIFO)的集合,即先被插入的数据,先被取出! 如下图所示: 1.2.堆栈的基本概念 堆栈:是一种支持后进先出(LIFO)的集合,即后被插入的数据,先被取出! 如下图所示: 二. 在JavaScript中实现队列和堆栈 在JavaScript中实现队列和数组主要是通过数组,js数组中提供了以下几个方法可以让我们很方便实现队列和堆栈: sh

前端乱煮之javascript学习笔记二

1 javascript的隐式转换规则: 若有布尔类型,则将它转换为数值进行比较. 若有NaN,一律返回false 若是字符串,则分为三种情况:对方为字符串就直接比较,对方为数值,则将字符串转化为数值,若对方为对象,则将对象用toString()的方法进行转换,然后再比较.最后,若是其他,则一律返回false. 若是数字,如果对方是对象,用valueOf()进行比较,其余一律返回false null 和defined不会进行类型转换,但是二者相等. 2 javascript中的break和con

JavaScript学习总结(二十)——Javascript非构造函数的继承

一.什么是"非构造函数"的继承? 比如,现在有一个对象,叫做"中国人". 1 var Chinese = { 2 nation:'中国' 3 }; 还有一个对象,叫做"医生". 1 var Doctor ={ 2 career:'医生' 3 } 请问怎样才能让"医生"去继承"中国人",也就是说,我怎样才能生成一个"中国医生"的对象? 这里要注意,这两个对象都是普通对象,不是构造函数,无法

javascript学习笔记(二)

一.javascript的放置.注释.输出工具 1.输出工具 a.alert():属于window中的全局函数.无论写入什么,都以字符串形式输出. b.document.write():向网页输出内容. c.var vlaue=prompt("显示内容","文本框显示内容")value为返回值:弹出一个输入框,接收参数. <script> alert(123); document.write("<h1>周静文</h1>&