首页 > 其他分享 >day33- js基础语法

day33- js基础语法

时间:2022-11-28 12:23:19浏览次数:47  
标签:arr console log age day33 js 语法 数组 var

字符串

正常字符串使用单双引号包裹

转义字符\

  1. '

  2. \n

  3. \t

  4. \u4e2d(\u####) unicode字符

  5. Ascll字符

多行字符串``

tab键上面的``包含多行字符

模板字符串

需要使用``

 let name = "gugu"
 let age = 22;
 let masg = `hello, ${name}`;
 console.log(masg)// hello gugu

 

字符串长度

 
console.log(str.length)

 

字符串的可变性,字符串不能更改,大小写可以转换

 string.toUpperCase()
 string.toLowerCase()

 

截取字符串

 
string.substring(n,n)

 

数组

js中数组可以包含任意类型的数据

 
var arr = [1,2,3,4,5,6]

 

  1. 长度

 arr.length
 假如给arr.length赋值,数组大小就会发生变化
 如果赋值过小,元素就会丢失
  1. 取值赋值

 arr[0]=0
  1. indexof(m)通过元素获得数组对应的下标索引

 arr.indexOf(2)
 字符串的"1"和数字1是不一样的
  1. slice()截取数组的一部分,返回一个新的数组

 arr.slice(3)
 arr.slice(1,3)
  1. push和pop

 arr.push("b","a")//压入尾部
 arr.pop()//弹出尾部
  1. unshift,shift头部添加头部弹出

 arr.unshift('a','b')//压入头部
 arr.shift()//弹出头部
  1. 排序

 (3)['b', 'c', 'a']
 arr.sort()
 (3)['a', 'b', 'c']
  1. 元素反转

 arr.reverse()
  1. concat()

数组拼接,但是并没有修改原数组,而是输出一个新数组

  1. join()连接符

打印拼接数组,使用特定的字符串连接

 arr.join('-')
 'c-b-a'
  1. 多维数组

 arr=[[1,2],[3,4],['5','6']]
 arr[1][1]
 4

对象

 
<script>
   'use strict'
 ​
   var   person ={
       name:'gugu',
       age :22,
       email:'[email protected]',
       score:90
   }//定义person对象有四个属性
   //使用不存在的对象属性不会报错,undefined
 ​
 ​
 ​
 ​
   var age=[1,2,3,4,56,67,78,88]
   age.forEach(function (value){
       console.log(value)
   })
 ​
   for (var num in age){
       if (age.hasOwnProperty(num)){
           console.log("yes");
           console.log(age[num])
       }
   }
   //for(var index in object)var的是数组索引下标
 </script>

 

  1. 使用不存在的对象属性不会报错,undefined

  2. 动态增减属性,通过delete删除对象的属性

 delete person.name
 true
 person
 {age: 22, email: '[email protected]', score: 90}

 

动态添加,直接给新的属性添加值

 
person.haha="haha"
 'haha'
 person
 {age: 22, email: '[email protected]', score: 90, haha: 'haha'}

 

  1. 判断属性值是否再这个对象中

tips:对象中所有的属性都是字符串

 'age' in person
 true
  1. 判断一个属性是否为对象自身所拥有的

 //hasownproperty()
 person.hasOwnProperty('tostring')
 false
 person.hasOwnProperty('age')
 true

 

循环控制

for循环

 

forEach循环

 var age=[1,2,3,4,56,67,78,88]
       age.forEach(function (value){
           console.log(value)
       })

 

for ... in ... 循环

 for (var num in age){
           if (age.hasOwnProperty(num)){
               console.log("yes");
               console.log(age[num])
           }

 

for(var index in object)var的是数组索引下标

map和set属性

和Java类似

可以通过map属性定义“键值”对映射的抽象接口。

该映射不包括重复的键,一个键对应一个值

 let map = new Map([['tom',100],['jack',90],['gugu',80]])
 var name= map.get('tom')//通过key获得value
 map.set('admin',123456)
 console.log(name)
 map.delete('tom')
 var set = new Set([3,1,1,1,1])//set可以去重
 set.add(2)
 set.delete(3)

 

标签:arr,console,log,age,day33,js,语法,数组,var
From: https://www.cnblogs.com/GUGUZIZI/p/16931853.html

相关文章

  • JS中的变量提升与函数提升
    一段JS代码在执行的时候,大致可以分为两步。第一步为对代码的编译阶段,第二步才是真正去执行各语句。代码中用关键字var的变量声明和函数声明(非函数表达式)会在编译阶段提升到......
  • MarkDown语法学习
    MarkDown语法学习(Typora)代码块"""代码块语法:```python(python为指定的语法,ps:注意是键盘左上角英文状态下的`)"""print('learnmarkdown')标题'''#一级标题(......
  • Python 爬取单个网页所需要加载的URL地址和CSS、JS文件地址
    直接上代码:脱敏后自用的py采集代码,#!/usr/bin/envpython#-*-coding:utf-8-*-"""@author:Andy@file:xxx.py@time:下午05:50@desc:采集的文章数据进博客"""im......
  • GIS---WKT、WKB与GeoJSON
    WKT与WKB是OGC中的简单服务标准SFS(SimpleFeaturesInterfaceStandard),但是GeoJSON并不是OGC中的标准。​WKT(Well-knowntext)是开放地理空间联盟OGC(OpenGISConsortium......
  • js没有块级作用域
    JavaScript没有块级作用域。在其他语言上,比如C语言中,有花括号封闭的代码块都有自己的作用域,(如果用ECMAScript的话来讲,就是他们自己的执行环境),因而支持根据条件来定义变量......
  • Java基础语法
          ......
  • 本地JS文件批量压缩
    最近在维护一个小后台项目,有段JS需要压缩上传到CDN存储服务器。由于之前压缩的JS文件都比较少,都是手动压缩的。这次需要压缩的文件比较多,所以用了批量压缩。特此记录一下......
  • Microsoft & Node.js All In One
    Microsoft&Node.jsAllInOneNode.jsreadnestedfolderspathconstfs=require("fs").promises;constpath=require("path");constitems=awaitfs.readd......
  • ApiJSON简单使用示例
    1{2"[]":{3"query":2,4"User":{5"@column":"id,name"6},7"count":5,8"@order":......
  • JS的深浅拷贝
    基本数据类型:number、string、boolean、null、undefined引用数据类型:object、function、array存储位置的不同基本数据类型:将值存储在栈中,栈中存放的是对应的值......