javascript 基本使用—字符串、变量、数组、函数、for循环

简介:

什么是javascript:

JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。


什么是jQuery:

jQuery是一个优秀的JavaScript库,提供许多封装好的功能。


javascript 在网页中存在的方式:


当前页面引用js


<script type="text/javascript"></script>


引用文件js

1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html>
< html  lang = "en" >
< head >
     < meta  http-equiv = "Content-Type"  charset = "UTF-8"  content = "text/html" >
     < title >js_st1</ title >
     < script  src = "js/tuchao1.js" ></ script >
</ head >
< body >
 
</ body >
</ html >

注释语法:

单行注释 //


多行注释 

/*


*/


变量定义:

name = 'tuchao' 全局变量定义

window.name = 'tuchao'   全局变量定义(推荐写法)


var name = 'tuchao' 局部变量定义


字符串常用方法和属性:

obj.trim() //字符串去空白


var name = ' tuchao  '

name

" tuchao  "

name.trim()

"tuchao"


obj.charAt(index) //字符串索引

1
2
3
4
5
6
7
8
9
var  name= 'tuchao'
name.charAt(0)
"t"
name.charAt(1)
"u"
name.charAt(2)
"c"
name.charAt(3)
"h"


obj.substring(start,end)

1
2
3
4
5
6
var  name= 'tuchao'
name.substring(0,5)
"tucha"
 
name.substring(0,6)
"tuchao"


obj.indexOf(char) //通过字符串找索引

1
2
3
var  name =  'tuchao'
name.indexOf( 'u' )
1


obj.length //输出字符串长度


数组:

声明,如:
     var array  =  Array() 或 var array  =  []
 
添加
     obj.push(ele)                   追加
     obj.unshift(ele)                最前插入
     obj.splice(index, 0 , 'content' )   指定索引插入
 
移除
     obj.pop()                       数组尾部获取
     obj.shift()                     数组头部获取
     obj.splice(index,count)         数组指定位置后count个字符
 
切片
     obj. slice (start,end)           
 
合并
     newArray = obj1.concat(obj2)   
 
翻转
     obj.reverse()
 
字符串化
     obj.join( '_' )
 
长度
     obj.length


函数:

function Foo (name) {



example:

1
2
3
4
5
6
7
function  Foo (name) {
     var  arg2 = arguments[1]
     console.log(name);
     console.log(arg2);
}
 
Foo( 'aaaaa' , 'bbbbbb' )

这里的var arg2 = arguments[1] 可以给函数追加参数


自执行函数:

(function(){


})()


example:

1
2
3
( function (name){
     console.log(name);
})( 'arguments arg one' )

执行结果:

wKiom1asj_ywUCLBAAA9yyTgviQ463.png


for循环:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
var  array = [ 'one' , 'two' , 'three' , 'four' , 'five' , 'six' ]   //定义数组
var  dict = { 'name' : 'tuchao' , 'age' : '21' , 'profession' : 'computer' //定义字典
 
for ( var  item  in  array){
     console.log(item)
}
 
0
1
2
3
4
5
注:这里默认循环的是数组的下标
 
for  ( var  in  dict) {
     console.log(dict[i])
}
 
tuchao
21
computer
 
for  ( var  i=0;i<array.length;i++){
 
     console.log(array[i])
}
 
one
two
three
four
five
six


本文转自qw87112 51CTO博客,原文链接:http://blog.51cto.com/tchuairen/1740066


相关文章
|
4天前
|
JavaScript 前端开发 API
JavaScript中通过array.map()实现数据转换、创建派生数组、异步数据流处理、复杂API请求、DOM操作、搜索和过滤等,array.map()的使用详解(附实际应用代码)
array.map()可以用来数据转换、创建派生数组、应用函数、链式调用、异步数据流处理、复杂API请求梳理、提供DOM操作、用来搜索和过滤等,比for好用太多了,主要是写法简单,并且非常直观,并且能提升代码的可读性,也就提升了Long Term代码的可维护性。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
4天前
|
消息中间件 JavaScript 前端开发
最细最有条理解析:事件循环(消息循环)是什么?为什么JS需要异步
度一教育的袁进老师谈到他的理解:单线程是异步产生的原因,事件循环是异步的实现方式。 本质是因为渲染进程因为计算机图形学的限制,只能是单线程。所以需要“异步”这个技术思想来解决页面阻塞的问题,而“事件循环”是实现“异步”这个技术思想的最主要的技术手段。 但事件循环并不是全部的技术手段,比如Promise,虽然受事件循环管理,但是如果没有事件循环,单一Promise依然能实现异步不是吗? 博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您
|
4天前
|
JavaScript 前端开发 Java
详解js柯里化原理及用法,探究柯里化在Redux Selector 的场景模拟、构建复杂的数据流管道、优化深度嵌套函数中的精妙应用
柯里化是一种强大的函数式编程技术,它通过将函数分解为单参数形式,实现了灵活性与可复用性的统一。无论是参数复用、延迟执行,还是函数组合,柯里化都为现代编程提供了极大的便利。 从 Redux 的选择器优化到复杂的数据流处理,再到深度嵌套的函数优化,柯里化在实际开发中展现出了非凡的价值。如果你希望编写更简洁、更优雅的代码,柯里化无疑是一个值得深入学习和实践的工具。从简单的实现到复杂的应用,希望这篇博客能为你揭开柯里化的奥秘,助力你的开发之旅! 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一
|
4天前
|
数据采集 JavaScript 前端开发
JavaScript中通过array.filter()实现数组的数据筛选、数据清洗和链式调用,JS中数组过滤器的使用详解(附实际应用代码)
用array.filter()来实现数据筛选、数据清洗和链式调用,相对于for循环更加清晰,语义化强,能显著提升代码的可读性和可维护性。博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
1月前
|
JavaScript 前端开发
JavaWeb JavaScript ③ JS的流程控制和函数
通过本文的详细介绍,您可以深入理解JavaScript的流程控制和函数的使用,进而编写出高效、可维护的代码。
74 32
|
2月前
|
JavaScript 前端开发 开发者
JavaScript字符串的常用方法
在JavaScript中,字符串处理是一个非常常见的任务。JavaScript提供了丰富的字符串操作方法,使开发者能够高效地处理和操作字符串。本文将详细介绍JavaScript字符串的常用方法,并提供示例代码以便更好地理解和应用这些方法。
70 13
|
4月前
|
JavaScript 前端开发 索引
JavaScript学习第二章--字符串
本文介绍了JavaScript中的字符串处理,包括普通字符串和模板字符串的使用方法及常见字符串操作方法如`charAt`、`concat`、`endsWith`等,适合前端学习者参考。作者是一位热爱前端技术的大一学生,专注于分享实用的编程技巧。
51 2
|
4月前
|
JavaScript 前端开发 数据处理
模板字符串和普通字符串在浏览器和 Node.js 中的性能表现是否一致?
综上所述,模板字符串和普通字符串在浏览器和 Node.js 中的性能表现既有相似之处,也有不同之处。在实际应用中,需要根据具体的场景和性能需求来选择使用哪种字符串处理方式,以达到最佳的性能和开发效率。
131 63
|
4月前
|
前端开发 JavaScript 开发者
除了 Generator 函数,还有哪些 JavaScript 异步编程解决方案?
【10月更文挑战第30天】开发者可以根据具体的项目情况选择合适的方式来处理异步操作,以实现高效、可读和易于维护的代码。
|
4月前
|
JavaScript 前端开发 Java
[JS]同事:这次就算了,下班回去赶紧补补内置函数,再犯肯定被主管骂
本文介绍了JavaScript中常用的函数和方法,包括通用函数、Global对象函数以及数组相关函数。详细列出了每个函数的参数、返回值及使用说明,并提供了示例代码。文章强调了函数的学习应结合源码和实践,适合JavaScript初学者和进阶开发者参考。
62 2
[JS]同事:这次就算了,下班回去赶紧补补内置函数,再犯肯定被主管骂

热门文章

最新文章