{"id":1943,"date":"2021-08-21T08:23:15","date_gmt":"2021-08-20T23:23:15","guid":{"rendered":"https:\/\/suzutukiblog.com\/?p=1943"},"modified":"2023-01-06T01:31:23","modified_gmt":"2023-01-05T16:31:23","slug":"javascript1","status":"publish","type":"post","link":"https:\/\/suzutukiblog.com\/index.php\/2021\/08\/21\/javascript1\/","title":{"rendered":"JavaScript\u5b66\u7fd2\u306e\u307e\u3068\u30811(\u914d\u5217\uff64\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\uff64\u30eb\u30fc\u30d7)"},"content":{"rendered":"

0\u304b\u3089\u7d9a\u304d\u307e\u3059\u3002<\/a><\/h3>\n

1:\u914d\u5217\u306e\u57fa\u790e<\/h1>\n

HTML\u306e\u8a18\u8ff0<\/h3>\n
\n
<!DOCTYPE html>\r\n <html lang=\"en\">\r\n <head>\r\n   <meta charset=\"UTF-8\">\r\n   <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n   <meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">\r\n   <title>Document<\/title>\r\n <\/head>\r\n  <body>\r\n   <h1>JavaScript\u306e\u57fa\u790e<\/h1>\r\n   <script src=\"main.js\"><\/script>\r\n  <\/body> \r\n<\/html><\/code><\/pre>\n<\/div>\n
main.js\u306e\u8a18\u8ff0<\/h3>\n
\n
const arry = new Array(1,2,3,4,5,6);\r\n\/\/ const\u306a\u306e\u3067\u4e0b\u306e\u3088\u3046\u306b\u65b0\u3057\u304f\u5ba3\u8a00\u3057\u76f4\u3059\u3053\u3068\u306f\u3067\u304d\u306a\u3044\u304c\r\n\/\/ arry = new Array(1,2,3,4,5,6);\r\n\/\/ \u914d\u5217\u306e\u4e2d\u8eab\u3092\u5909\u3048\u308b\u3053\u3068\u306f\u53ef\u80fd\r\narry[5] = 8;\r\nconsole.log(arry);\r\nconsole.log(arry[0]);\r\n\r\n\/\/ \u901a\u5e38\u3053\u3061\u3089\u306e\u8a18\u6cd5\u3067\u66f8\u304f\r\nconst ally = [1, 2, 3, 4, 5, 6, 'string', false];\r\n\/\/ \u65b0\u3057\u3044\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u672b\u5c3e\u306b\u8ffd\u52a0\u3059\u308b\r\n\/\/ ally.push('new item')\r\n\/\/ \u65b0\u3057\u3044\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u6700\u521d\u306b\u8ffd\u52a0\u3059\u308b\r\n\/\/ ally.unshift('first item')\r\n\/\/ \u672b\u5c3e\u3092\u524a\u9664\u3059\u308b\r\n\/\/ ally.pop();\r\n\/\/ const val = ally.pop();\r\n\/\/ const val2 = ally.pop();\r\n\/\/ \u672b\u5c3e\u304b\u30892\u3064\u76ee\u306e\u524a\u9664\u3055\u308c\u305f\u3082\u306e\u304c\u51fa\u529b\u3055\u308c\u308b\r\n\/\/ console.log(val2);\r\n\r\n\/\/ \u65b0\u3057\u3044\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u6700\u521d\u306b\u8ffd\u52a0\u3059\u308b\r\nally.unshift('first item')\r\n\/\/ \u5148\u982d\u306e\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u524a\u9664\u3057\u3066val\u306b\u683c\u7d0d\u3059\u308b\r\nconst val = ally.shift();\r\n\/\/ \u524a\u9664\u3055\u308c\u305f\u5148\u982d\u306e\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u51fa\u529b\r\nconsole.log(val);<\/code><\/pre>\n<\/div>\n
<\/p>\n
\u691c\u8a3c\u3057\u3066\u5b9f\u884c\u7d50\u679c\u3092\u78ba\u304b\u3081\u308b\u3068\u30fb\u30fb\u30fb<\/h3>\n
\"\"<\/p>\n
\u2191\u304c\u306a\u305c\u51fa\u529b\u3055\u308c\u305f\u304b\uff1f<\/p>\n
    \n
  1. \u914d\u5217\u304c\u51fa\u529b\u3055\u308c\u3066[1.2.3.4.5.8]\u3068\u306a\u3063\u305f\u3002(6\u756a\u76ee\u304c8\u306a\u306e\u306f\u914d\u5217\u306e\u4e2d\u8eab\u3092arry[5] = 8;\u3067<\/strong>\u5909\u3048\u305f\u304b\u3089)<\/li>\n
  2. \u914d\u5217\u306e0\u756a\u76ee(\u3064\u307e\u308a\u521d\u3081)\u3092\u51fa\u529b\u3057\u305f\u304b\u30891\u304c\u51fa\u529b\u3055\u308c\u305f<\/li>\n
  3. \u524a\u9664\u3055\u308c\u305f\u5148\u982d\u306e\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u51fa\u529b\u3057\u3066\u3044\u308b\u304b\u3089first item\u304c\u51fa\u529b\u3055\u308c\u305f<\/strong><\/li>\n<\/ol>\n
    2:\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306b\u3064\u3044\u3066<\/h3>\n
    HTML\u306e\u8a18\u8ff0\u306f1\u3068\u540c\u3058\u306a\u306e\u3067\u7701\u7565<\/p>\n
    main.js\u306e\u8a18\u8ff0<\/h3>\n
    \n
    \/\/ {}\u306e\u4e2d\u306b\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u8a2d\u5b9a\u3067\u304d\u308b\r\nconst person = {\r\nname: ['Tarou', 'Tanaka'],\r\n  age: 22,\r\n  gender: 'male',\r\n  interests: {\r\n  sports: 'soccer',\r\n  music: 'piano'\r\n},\r\n  getFullName: function() {\r\n  console.log(this.name[0] + this.name[1])\r\n}\r\n};\r\n\/\/ person\u306eage\u3092\u66f8\u304d\u63db\u3048\u308b\u3068\u53cd\u6620\u3055\u308c\u308b\r\nperson.age = 12;\r\n\r\n\/\/ \u5909\u6570\u3092\u4f7f\u3044\u305f\u3044\u3068\u304d\u306b[]\u3092\u4f7f\u3046\r\n  const ageKey = 'age';\r\n  person[ageKey] = 12;\r\n\/\/ \u30c9\u30c3\u30c8\u8a18\u6cd5\u3068\u3044\u3046\r\n  console.log(person.age);\r\n  person.getFullName();\r\n<\/code><\/pre>\n<\/div>\n
    \/\/ \u30dd\u30a4\u30f3\u30c8\uff01 \u30ad\u30fc\u60c5\u5831(\u30d7\u30ed\u30d1\u30c6\u30a3)\u306b\u5024\u3092\u305d\u308c\u305e\u308c\u30bb\u30c3\u30c8\u3067\u304d\u5909\u66f4\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u308b\u3088 <\/strong><\/h4>\n
    \u691c\u8a3c\u3057\u3066\u5b9f\u884c\u7d50\u679c\u3092\u78ba\u304b\u3081\u308b\u3068\u30fb\u30fb\u30fb<\/h3>\n
    \"\"<\/p>\n
    age\u309212\u306b\u66f8\u304d\u63db\u3048\u305f\u306e\u306712\u304c\u51fa\u529b\u3055\u308c\u305f<\/p>\n
    person\u306e\u4e2d\u306e\u95a2\u6570getFullName\u3092\u3088\u3093\u3060\u306e\u3067\u3001Tarou\u3068Tanaka\u304c\u51fa\u529b\u3055\u308c\u305f<\/p>\n
    3:\u30eb\u30fc\u30d7\u306e\u8a18\u8ff0\u65b9\u6cd5<\/h3>\n
    HTML\u306e\u8a18\u8ff0\u306f\u524d\u3068\u540c\u3058\u306a\u306e\u3067\u7701\u7565<\/p>\n
    main.js\u306e\u8a18\u8ff0<\/h3>\n
    \n
    const arry = [1, 3, 5, 7, 9, 12];\r\n\r\n\/\/\u4e00\u822c\u7684\u306a\u8a18\u6cd5\r\n\/\/ i\u3092\u521d\u671f\u5316\u3057\u3066(0\u3067\u306a\u304f\u3066\u3082\u3088\u3044),\r\n\/\/ \u6b21\u306b\u30eb\u30fc\u30d7\u3092\u7d99\u7d9a\u3059\u308b\u6761\u4ef6,\u30a4\u30f3\u30af\u30ea\u30e1\u30f3\u30c8(+1\u305a\u3064)\u3057\u3066\u3044\u304f\r\n\/\/ for(let i = 0; i < arry.length; i = i +1) {\r\n\/\/ console.log(i);\r\n\/\/ }\r\n\/\/ \u4e0a\u306e\u3092for in\u306b\u66f8\u304d\u63db\u3048\u308b\u3068\r\n\/\/ for (let i in arry) {\r\n\/\/ console.log(i, arry[i]);\r\n\/\/ }\r\n\/\/ for of\u306b\u3059\u308b\u3068\u5024\u304c\u6e21\u3063\u3066\u304f\u308b\u306e\u3067i(\u6dfb\u5b57)\u4ee5\u5916\u3092\u4f7f\u3046\r\n\/\/ \u5bfe\u5fdc\u3057\u3066\u3044\u306a\u3044\u30d6\u30e9\u30a6\u30b6\u3082\u3042\u308b\u306e\u3067\u5909\u63db\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\r\nfor (let v of arry) {\r\n    console.log(v);\r\n}<\/code><\/pre>\n<\/div>\n
    \u691c\u8a3c\u3057\u3066\u5b9f\u884c\u7d50\u679c\u3092\u78ba\u304b\u3081\u308b\u3068\u30fb\u30fb\u30fb<\/h4>\n
    \"\"<\/p>\n
    4:\u30eb\u30fc\u30d7\u306e\u5b9f\u8df5<\/h3>\n
    HTML\u306e\u8a18\u8ff0\u306f\u524d\u3068\u540c\u3058\u306a\u306e\u3067\u7701\u7565<\/p>\n
    main.js\u306e\u8a18\u8ff0<\/h3>\n
    \n
    const todos = [\r\n{\r\n  id: 1,\r\n  title: 'Go to travel',\r\n  completed: true\r\n},\r\n{\r\n  id: 2,\r\n  title: 'Go to shopping',\r\n  completed: true\r\n},\r\n{\r\n  id: 3,\r\n  title: 'Go to museum',\r\n  completed: false\r\n}\r\n]\r\n\r\n\/\/ \u666e\u901a\u306e\u66f8\u304d\u65b9\u306e\u3068\u304d\r\n\/\/ for(let i = 0; i < todos.length; i++) {\r\n\/\/ \/\/ completed: true\u306e\u30bf\u30a4\u30c8\u30eb\u3092\u53d6\u308a\u51fa\u3057\u305f\u3044\u3068\u304d\r\n\/\/ let todo = todos[i];\r\n\/\/ if(todo.completed === true) {\r\n\/\/ console.log(i, todos[i].title);\r\n\/\/ }\r\n\/\/ }\r\n\r\n\/\/ \/\/ for in\u306e\u5834\u5408\u306e\u66f8\u304d\u65b9\r\n\/\/ for(let i in todos) {\r\n\/\/ \/\/ completed: true\u306e\u30bf\u30a4\u30c8\u30eb\u3092\u53d6\u308a\u51fa\u3057\u305f\u3044\u3068\u304d\r\n\/\/ let todo = todos[i];\r\n\/\/ if(todo.completed === true) {\r\n\/\/ console.log(i, todos[i].title);\r\n\/\/ }\r\n\/\/ }\r\n\r\n\/\/ for of\u306e\u5834\u5408\u306e\u66f8\u304d\u65b9\r\n  for(let v of todos) {\r\n\/\/ todo\u306b\u4f55\u304c\u5165\u3063\u3066\u3044\u308b\u304b\u78ba\u8a8d\u3067\u304d\u308b\r\n\/\/ console.log(todo);\r\n\/\/ completed: true\u306e\u30bf\u30a4\u30c8\u30eb\u3092\u53d6\u308a\u51fa\u3057\u305f\u3044\u3068\u304d\r\n\/\/ console.log(todo);\r\n\/\/ \u3053\u306e\u6587\u306f\u3082\u3046\u5fc5\u8981\u306a\u3044\u306e\u3067i\u3092\u9664\u53bb\u3059\u308b\r\n\/\/ let todo = todos[i];\r\n\r\nif(v.completed === true) {\r\n  console.log(v);\r\n}\r\n}<\/code><\/pre>\n<\/div>\n
     <\/strong>\u691c\u8a3c\u3057\u3066\u5b9f\u884c\u7d50\u679c\u3092\u78ba\u304b\u3081\u308b\u3068\u30fb\u30fb\u30fb<\/h4>\n
    \"\"<\/p>\n
    \u2191\u304c\u306a\u305c\u51fa\u529b\u3055\u308c\u305f\u304b\uff1f<\/p>\n
    v.completed === true\u3067completed\u304ctrue\u306e\u3082\u306e\u3092\u914d\u5217\u3067\u30eb\u30fc\u30d7\u3057\u3066\u53d6\u308a\u51fa\u3057\u305f\u306e\u3067\u3053\u306e\u3088\u3046\u306b\u306a\u3063\u305f<\/p>\n
    \u305d\u306e2\u306b\u7d9a\u304d\u307e\u3059\u3002<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
    0\u304b\u3089\u7d9a\u304d\u307e\u3059\u3002 1:\u914d\u5217\u306e\u57fa\u790e HTML\u306e\u8a18\u8ff0 <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″&gt […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[17,27],"tags":[],"class_list":["post-1943","post","type-post","status-publish","format-standard","hentry","category-javascript","category-programming-note"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/posts\/1943","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/comments?post=1943"}],"version-history":[{"count":17,"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/posts\/1943\/revisions"}],"predecessor-version":[{"id":7275,"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/posts\/1943\/revisions\/7275"}],"wp:attachment":[{"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/media?parent=1943"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/categories?post=1943"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/tags?post=1943"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}